admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化多主题下滚动条样式

Browse Source
This commit is contained in:
pany 2023-06-05 11:36:03 +08:00
parent 155c3e247b
commit b2ee4348b7
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/styles/mixins.scss
View File

@ -7,23 +7,20 @@
} }
@mixin scrollbar { @mixin scrollbar {
// 整个滚动条
&::-webkit-scrollbar { &::-webkit-scrollbar {
width: 8px; width: 8px;
height: 8px; // 也要兼容 height 样式 height: 8px;
background: transparent;
} }
// 滚动条上的滚动滑块
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-radius: 16px; border-radius: 4px;
background-color: #d6d7d9; background-color: #90939955;
} }
&::-webkit-scrollbar-thumb:hover { &::-webkit-scrollbar-thumb:hover {
background-color: #c0c3c5; background-color: #90939977;
} }
&::-webkit-scrollbar-thumb:active { &::-webkit-scrollbar-thumb:active {
background-color: #acafb2; background-color: #90939999;
}
&::-webkit-scrollbar-button {
background: transparent;
height: 10px;
} }
} }