From a71b6416b467cd3b2ec24efd68accc85223e8a3b Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 01 Mar 2022 01:09:04 +0800 Subject: [PATCH] 预览调整 --- src/App.vue | 48 ++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 38 insertions(+), 10 deletions(-) diff --git a/src/App.vue b/src/App.vue index 733dab0..6607565 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,6 @@ <template> - <div id="app" class="app app1"> - <router-view class="scrollbar"></router-view> + <div id="app" class="app"> + <router-view class=""></router-view> </div> </template> @@ -19,20 +19,19 @@ </script> -<style> - @import url("https://www.layuicdn.com/layui/css/layui.css"); - .app { - overflow: auto; - border: none; +<style lang="less"> + #app { + // overflow: auto; + // border: none; } - .scrollbar { + /* .scrollbar { margin: 0 auto; - } - + } */ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; + height: 8px; /*高宽分别对应横竖滚动条的尺寸*/ } @@ -49,4 +48,33 @@ margin-top: 20px; margin-bottom: 20px; } + + a { + color: #555; + position: relative; + } + + a:hover:after { + left: 0; + width: 100%; + -webkit-transition: width 350ms; + -moz-transition: width 350ms; + -ms-transition: width 350ms; + -o-transition: width 350ms; + transition: width 350ms; + } + + a:after { + position: absolute; + bottom: -0.0625rem; + left: 100%; + width: 0; + border-bottom: 0.0625rem solid #30a9de; + content: ""; + -webkit-transition: width 350ms, left 350ms; + -moz-transition: width 350ms, left 350ms; + -ms-transition: width 350ms, left 350ms; + -o-transition: width 350ms, left 350ms; + transition: width 350ms, left 350ms; + } </style> -- Gitblit v1.9.1