From 8568ac1a2ea2e7e8287ee04d6f7361c54b578d96 Mon Sep 17 00:00:00 2001 From: Charles7c Date: Fri, 8 Nov 2024 22:29:21 +0800 Subject: [PATCH] =?UTF-8?q?revert:=20=E8=BF=98=E5=8E=9F=E6=BB=9A=E5=8A=A8?= =?UTF-8?q?=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/index.scss | 3 +++ src/styles/scrollbar-reset.scss | 22 ++++++++++++++++++++++ 2 files changed, 25 insertions(+) create mode 100644 src/styles/scrollbar-reset.scss diff --git a/src/styles/index.scss b/src/styles/index.scss index 5e98215..0971ac3 100644 --- a/src/styles/index.scss +++ b/src/styles/index.scss @@ -4,6 +4,9 @@ // 全局类名样式 @import './global.scss'; +// 自定义原生滚动条样式 +@import './scrollbar-reset.scss'; + // 自定义 nprogress 插件进度条颜色 @import './nprogress.scss'; diff --git a/src/styles/scrollbar-reset.scss b/src/styles/scrollbar-reset.scss new file mode 100644 index 0000000..04a410a --- /dev/null +++ b/src/styles/scrollbar-reset.scss @@ -0,0 +1,22 @@ +/* 美化滚动条 */ +::-webkit-scrollbar { + width: 6px; + height: 6px; +} + +::-webkit-scrollbar-thumb { + width: 6px; + border-radius: 6px; + background-color: var(--color-neutral-3); +} + +::-webkit-scrollbar-thumb:hover { + width: 6px; + background-color: var(--color-neutral-4); +} + +::-ms-scrollbar-thumb { + width: 6px; + border-radius: 6px; + background-color: var(--color-neutral-3); +}