From 93768186ca58acd0fc0b6963d0e017979c087631 Mon Sep 17 00:00:00 2001 From: inleft <inleft@qq.com> Date: Tue, 23 Aug 2022 02:09:58 +0800 Subject: [PATCH] 上下篇日志提示加入 --- src/App.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 48 insertions(+), 0 deletions(-) diff --git a/src/App.vue b/src/App.vue index f7d2f41..e827779 100644 --- a/src/App.vue +++ b/src/App.vue @@ -20,6 +20,15 @@ <style lang="less"> + body { + background: #f0f2f5; + } + + .ant-modal-header { + //ant 弹窗移动样式 + cursor: move; + } + #app { // overflow: auto; // border: none; @@ -31,6 +40,7 @@ ::-webkit-scrollbar { /*滚动条整体样式*/ width: 8px; + height: 8px; /*高宽分别对应横竖滚动条的尺寸*/ } @@ -47,4 +57,42 @@ margin-top: 20px; margin-bottom: 20px; } + + a { + 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; + } + + .fade-enter-active, + .fade-leave-active { + transition: opacity .5s; + } + + .fade-enter, + .fade-leave-to { + opacity: 0; + } </style> -- Gitblit v1.9.1