From 56a4b88b16b5f86a2a697018a3e2546d3abf73e3 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Fri, 14 Jan 2022 02:04:24 +0800 Subject: [PATCH] 界面二次优化 --- src/App.vue | 53 ++++++++++++++--------------------------------------- 1 files changed, 14 insertions(+), 39 deletions(-) diff --git a/src/App.vue b/src/App.vue index 1dc48a2..733dab0 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,77 +1,52 @@ <template> <div id="app" class="app app1"> - <!-- vue router - axios - less - vuex - vuels --> - <!-- <demo/> --> - <!-- <div id="nav"> - <router-link to="/">Home</router-link> - <router-link to="/about">About</router-link> - </div> - <router-view/> --> - - <!-- 将上传组件全局注册 --> - <!-- <global-uploader></global-uploader> --> - <pp></pp> + <router-view class="scrollbar"></router-view> </div> </template> <script> - import globalUploader from '@/components/globalUploader.vue' - import HelloWorld from '@/components/HelloWorld.vue' - import demo from '@/components/demo.vue' - // import pp from '@/components/test1/parent1.vue' - import pp from '@/components/layouts/test.vue' - export default { - name: 'app', + components: {}, data() { return {} }, - components: { - globalUploader, - HelloWorld, - demo, - pp - - }, + components: {}, computed: {}, created() {}, watch: {}, + methods: {} } </script> + + <style> + @import url("https://www.layuicdn.com/layui/css/layui.css"); .app { overflow: auto; border: none; } - - #app,body,html { - height: 100%; - } - + .scrollbar { margin: 0 auto; } - .app1::-webkit-scrollbar { + ::-webkit-scrollbar { /*滚动条整体样式*/ - /*高宽分别对应横竖滚动条的尺寸*/ width: 8px; - height: 5px; + /*高宽分别对应横竖滚动条的尺寸*/ } - .app1::-webkit-scrollbar-thumb { + ::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 6px; background: #aaa; } - .app1::-webkit-scrollbar-track { + ::-webkit-scrollbar-track { /*滚动条里面轨道*/ border-radius: 8px; background: #FFFFFF; + margin-top: 20px; + margin-bottom: 20px; } </style> -- Gitblit v1.9.1