<template>
  <div id="index" class="mobile-container">
    <div class="full-width full-height">
      <MainPage></MainPage>
    </div>
  </div>
</template>
<script>
import MainPage from "./components/mainPage/index.vue"
export default {
  components: { MainPage },
  data() {
    return {};
  },
  mounted() {
    const query = this.$route.query
    const { name } = query
    window.document.title = name || '监控大屏'
  },
};
</script>
<style lang="scss">
@import "../assets/scss/index.scss";

/* 移动端适配样式 */
.mobile-container {
  max-width: 100vw;
  overflow-x: hidden;
}

/* 隐藏滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* rem适配 */
html {
  font-size: calc(100vw / 7.5); /* 使用750px作为设计稿标准 */
}

/* 禁止页面缩放 */
@media screen and (max-width: 750px) {
  html {
    -webkit-text-size-adjust: none;
  }
}
</style>