From 29ab589a96f170cb3c6dc52a201c47b55b39f498 Mon Sep 17 00:00:00 2001 From: toesbieya <1647775459@qq.com> Date: Tue, 1 Sep 2020 11:16:20 +0800 Subject: [PATCH] =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- vue/src/asset/style/index.scss | 24 +++++++++++++++--------- 1 file changed, 15 insertions(+), 9 deletions(-) diff --git a/vue/src/asset/style/index.scss b/vue/src/asset/style/index.scss index 2383d3f..83aa0c1 100644 --- a/vue/src/asset/style/index.scss +++ b/vue/src/asset/style/index.scss @@ -43,17 +43,23 @@ a:hover { text-decoration: none; } -//滚动条样式修改 -::-webkit-scrollbar { - height: 6px; - width: 6px; +//非移动端的滚动条样式修改 +@media (min-width: 500px) { + ::-webkit-scrollbar { + width: 6px; + + &:horizontal { + height: 6px; + } - &-thumb { - background-color: rgba(#909399, 0.3); - transition: .3s background-color; + &-thumb { + width: 6px; + border-radius: 5px; + background-color: rgba($--color-primary, 0.8); - &:hover { - background: rgba(#909399, 0.5); + &:hover { + background-color: rgba($--color-primary, 1); + } } } }