Skip to content

Commit 8568ac1

Browse files
committed
revert: 还原滚动条样式
1 parent 233bd62 commit 8568ac1

File tree

2 files changed

+25
-0
lines changed

2 files changed

+25
-0
lines changed

src/styles/index.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,9 @@
44
// 全局类名样式
55
@import './global.scss';
66

7+
// 自定义原生滚动条样式
8+
@import './scrollbar-reset.scss';
9+
710
// 自定义 nprogress 插件进度条颜色
811
@import './nprogress.scss';
912

src/styles/scrollbar-reset.scss

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
/* 美化滚动条 */
2+
::-webkit-scrollbar {
3+
width: 6px;
4+
height: 6px;
5+
}
6+
7+
::-webkit-scrollbar-thumb {
8+
width: 6px;
9+
border-radius: 6px;
10+
background-color: var(--color-neutral-3);
11+
}
12+
13+
::-webkit-scrollbar-thumb:hover {
14+
width: 6px;
15+
background-color: var(--color-neutral-4);
16+
}
17+
18+
::-ms-scrollbar-thumb {
19+
width: 6px;
20+
border-radius: 6px;
21+
background-color: var(--color-neutral-3);
22+
}

0 commit comments

Comments
 (0)