lijh
2022-01-14 d629d9ee09eb91be19fd21f04f78a89f7d837c3a
commit | author | age
bf6fbe 1 <template>
L 2     <div id="app" class="app app1">
d3f921 3         <router-view class="scrollbar"></router-view>
bf6fbe 4     </div>
L 5 </template>
6
7 <script>
8     export default {
d3f921 9         components: {},
bf6fbe 10         data() {
L 11             return {}
12         },
d3f921 13         components: {},
bf6fbe 14         computed: {},
L 15         created() {},
16         watch: {},
d3f921 17         methods: {}
bf6fbe 18     }
L 19 </script>
d3f921 20
I 21
bf6fbe 22 <style>
56a4b8 23     @import url("https://www.layuicdn.com/layui/css/layui.css");
bf6fbe 24     .app {
L 25         overflow: auto;
26         border: none;
27     }
d3f921 28
bf6fbe 29     .scrollbar {
L 30         margin: 0 auto;
31     }
32
d3f921 33     ::-webkit-scrollbar {
bf6fbe 34         /*滚动条整体样式*/
L 35         width: 8px;
d3f921 36         /*高宽分别对应横竖滚动条的尺寸*/
bf6fbe 37     }
L 38
d3f921 39     ::-webkit-scrollbar-thumb {
bf6fbe 40         /*滚动条里面小方块*/
L 41         border-radius: 6px;
42         background: #aaa;
43     }
44
d3f921 45     ::-webkit-scrollbar-track {
bf6fbe 46         /*滚动条里面轨道*/
L 47         border-radius: 8px;
48         background: #FFFFFF;
d3f921 49         margin-top: 20px;
I 50         margin-bottom: 20px;
bf6fbe 51     }
L 52 </style>