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); +}