inleft
2022-02-15 d734432a8bbbf863dc3de305f56e831c56ac767a
commit | author | age
9bcb19 1 <template>
I 2   <a-config-provider :locale="locale">
3     <div id="app" class="app app1">
4       <router-view class="scrollbar"/>
5     </div>
6   </a-config-provider>
7 </template>
8
9 <script>
10 import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN'
11 import { AppDeviceEnquire } from '@/utils/mixin'
12
13 export default {
14   mixins: [AppDeviceEnquire],
15   data () {
16     return {
17       locale: zhCN
18     }
19   },
20   mounted () {
21
22   }
23 }
24 </script>
25 <style>
26   .app {
27     overflow: auto;
28     border  : none;
29   }
30   .scrollbar {
31     margin: 0 auto;
32   }
33   .app1::-webkit-scrollbar {
34     /*滚动条整体样式*/
35     width : 8px;  /*高宽分别对应横竖滚动条的尺寸*/
36   }
37   .app1::-webkit-scrollbar-thumb {
38     /*滚动条里面小方块*/
39     border-radius: 6px;
40     background   : #aaa;
41   }
42   .app1::-webkit-scrollbar-track {
43     /*滚动条里面轨道*/
44     border-radius: 8px;
45     background   : #FFFFFF;
46   }
47 </style>