| 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> |
| L | 23 | .app { |
| 24 | overflow: auto; | |
| 25 | border: none; | |
| 26 | } | |
| d3f921 | 27 | |
| bf6fbe | 28 | .scrollbar { |
| L | 29 | margin: 0 auto; |
| 30 | } | |
| 31 | ||
| d3f921 | 32 | ::-webkit-scrollbar { |
| bf6fbe | 33 | /*滚动条整体样式*/ |
| L | 34 | width: 8px; |
| d3f921 | 35 | /*高宽分别对应横竖滚动条的尺寸*/ |
| bf6fbe | 36 | } |
| L | 37 | |
| d3f921 | 38 | ::-webkit-scrollbar-thumb { |
| bf6fbe | 39 | /*滚动条里面小方块*/ |
| L | 40 | border-radius: 6px; |
| 41 | background: #aaa; | |
| 42 | } | |
| 43 | ||
| d3f921 | 44 | ::-webkit-scrollbar-track { |
| bf6fbe | 45 | /*滚动条里面轨道*/ |
| L | 46 | border-radius: 8px; |
| 47 | background: #FFFFFF; | |
| d3f921 | 48 | margin-top: 20px; |
| I | 49 | margin-bottom: 20px; |
| bf6fbe | 50 | } |
| L | 51 | </style> |
