<template>
  <div id="app">
    <Router-view />
  </div>
</template>
<script>
export default {
  mounted() {
    document.querySelector("#app").style.height = window.innerHeight + "px";
  },
};
</script>
<style lang="less">
// // 滚动条整体部分，其中的属性有width,height,background,border等。
// ::-webkit-scrollbar { width: 1.3vw; height: 1.3vw; } /*宽度是对垂直滚动条而言，高度是对水平滚动条而言*/
// // 滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，改变颜色。
// ::-webkit-scrollbar-button { display: none; }
// // 滑动轨道。可以用display:none让其不显示，也可以添加背景图片，改变颜色。另外还有::webkit-scrollbar-track-piece这个是内层轨道？有吗？
// ::-webkit-scrollbar-track { background: rgba(84, 84, 84, 0.11); border-radius: 0.5vw; }
// // 滑块
// ::-webkit-scrollbar-thumb { background: linear-gradient(0deg, #FF615C 0%, #FF9877 100%); border-radius: 0.5vw; }
// // 横竖滚动条轨道交汇处
// ::-webkit-scrollbar-corner { display: none; }
// ::-webkit-scrollbar-resizer { display: none; }

#app {
  width: 100vw;
  max-width: 500px;
  margin: 0 auto;
  overflow: hidden;
}
</style>
