wzp/v3-admin-vite
Template
1
0
Fork 0
mirror of https://github.com/un-pany/v3-admin-vite.git synced 2025-04-21 11:29:20 +08:00
Code Issues 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 {
// 整个滚动条
&::-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;
}
}