| 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> |
