HaiDeBaoHotspot/src/App.vue

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="less">
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
	::-webkit-scrollbar {
    width: 0.9vw;
    height: 0.9vw;
  } /*宽度是对垂直滚动条而言，高度是对水平滚动条而言*/
	::-webkit-scrollbar-thumb { background: #00A0E6; border-radius: 0.45vw;}
	::-webkit-scrollbar-button { display: none; }
	::-webkit-scrollbar-track {}
  // 横竖滚动条轨道交汇处
  ::-webkit-scrollbar-corner { background: transparent; }
  // 有必要给resizer设置border_radius吗？
	::-webkit-scrollbar-resizer { background: transparent; }
}
*{
  margin: 0;
  padding: 0;
}
#app {
  width: 100%;
  height: 100%;
}
@font-face {
  font-family: 'DFLiShuW7';
  src: url('@/assets/style/DFLiShuW7.ttf');
}
@font-face {
  font-family: 'Adobe Heiti Std';
  src: url('@/assets/style/Adobe Heiti Std.otf');
}
</style>