| commit | author | age | ||
| bf6fbe | 1 | <template> |
| L | 2 | <div id="app" class="app app1"> |
| 3 | <!-- vue router | |
| 4 | axios | |
| 5 | less | |
| 6 | vuex | |
| 7 | vuels --> | |
| 8 | <!-- <demo/> --> | |
| 9 | <!-- <div id="nav"> | |
| 10 | <router-link to="/">Home</router-link> | |
| 11 | <router-link to="/about">About</router-link> | |
| 12 | </div> | |
| 13 | <router-view/> --> | |
| 14 | ||
| 15 | <!-- 将上传组件全局注册 --> | |
| 16 | <!-- <global-uploader></global-uploader> --> | |
| 17 | <pp></pp> | |
| 18 | </div> | |
| 19 | </template> | |
| 20 | ||
| 21 | <script> | |
| 22 | import globalUploader from '@/components/globalUploader.vue' | |
| 23 | import HelloWorld from '@/components/HelloWorld.vue' | |
| 24 | import demo from '@/components/demo.vue' | |
| 25 | // import pp from '@/components/test1/parent1.vue' | |
| 26 | import pp from '@/components/layouts/test.vue' | |
| 27 | ||
| 28 | export default { | |
| 29 | name: 'app', | |
| 30 | data() { | |
| 31 | return {} | |
| 32 | }, | |
| 33 | components: { | |
| 34 | globalUploader, | |
| 35 | HelloWorld, | |
| 36 | demo, | |
| 37 | pp | |
| 38 | ||
| 39 | }, | |
| 40 | computed: {}, | |
| 41 | created() {}, | |
| 42 | watch: {}, | |
| 43 | } | |
| 44 | </script> | |
| 45 | <style> | |
| 46 | .app { | |
| 47 | overflow: auto; | |
| 48 | border: none; | |
| 49 | } | |
| 50 | ||
| 51 | #app,body,html { | |
| 52 | height: 100%; | |
| 53 | } | |
| 54 | ||
| 55 | .scrollbar { | |
| 56 | margin: 0 auto; | |
| 57 | } | |
| 58 | ||
| 59 | .app1::-webkit-scrollbar { | |
| 60 | /*滚动条整体样式*/ | |
| 61 | /*高宽分别对应横竖滚动条的尺寸*/ | |
| 62 | width: 8px; | |
| 63 | height: 5px; | |
| 64 | } | |
| 65 | ||
| 66 | .app1::-webkit-scrollbar-thumb { | |
| 67 | /*滚动条里面小方块*/ | |
| 68 | border-radius: 6px; | |
| 69 | background: #aaa; | |
| 70 | } | |
| 71 | ||
| 72 | .app1::-webkit-scrollbar-track { | |
| 73 | /*滚动条里面轨道*/ | |
| 74 | border-radius: 8px; | |
| 75 | background: #FFFFFF; | |
| 76 | } | |
| 77 | </style> | |
