From b2ee4348b7708bee82c58853c1c61a5d24ad9850 Mon Sep 17 00:00:00 2001 From: pany <939630029@qq.com> Date: Mon, 5 Jun 2023 11:36:03 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E5=A4=9A=E4=B8=BB?= =?UTF-8?q?=E9=A2=98=E4=B8=8B=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/mixins.scss | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/src/styles/mixins.scss b/src/styles/mixins.scss index b207420..d171cf0 100644 --- a/src/styles/mixins.scss +++ b/src/styles/mixins.scss @@ -7,23 +7,20 @@ } @mixin scrollbar { + // 整个滚动条 &::-webkit-scrollbar { width: 8px; - height: 8px; // 也要兼容 height 样式 - background: transparent; + height: 8px; } + // 滚动条上的滚动滑块 &::-webkit-scrollbar-thumb { - border-radius: 16px; - background-color: #d6d7d9; + border-radius: 4px; + background-color: #90939955; } &::-webkit-scrollbar-thumb:hover { - background-color: #c0c3c5; + background-color: #90939977; } &::-webkit-scrollbar-thumb:active { - background-color: #acafb2; - } - &::-webkit-scrollbar-button { - background: transparent; - height: 10px; + background-color: #90939999; } }