App.vue

<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <div class="content">
      <router-view/>
      </div>
    </div>
  </a-config-provider>
</template>
<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
/* eslint-disable */
export default {
  name: 'App',
  data() {
    return {
        locale: zhCN,
        show:false,
        screenWidth: document.body.clientWidth, // 屏幕尺寸
    }
  },
  mounted () {
        const that = this
          window.addEventListener('resize',()=>{
            window.screenWidth = document.body.clientWidth
            that.screenWidth = window.screenWidth
            var news = document.documentElement;
            news.style.fontSize = that.screenWidth / 10 + 'px'
          });
          var news = document.documentElement;
          news.style.fontSize = that.screenWidth / 10 + 'px'
  },
}
/* eslint-enable */
</script>
<style lang="less">
body {
  &::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  &::-webkit-scrollbar-corner {
    background: rgb(200, 210, 224);
  }
  &::-webkit-scrollbar-thumb {
    background: #2397f6;
    border-radius: 10px;
  }
  &::-webkit-scrollbar-track {
    background: #f3f4f9;
    border-radius: 2px;
  }
}
</style>