ebike-plus-ui/src/style/model/global-scrollbar.scss
2025-05-24 16:08:36 +08:00

48 lines
1.0 KiB
SCSS
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@use "@/style/var/index" as *;
// 设置滚动条的样式
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
// 基于 WebKit 内核的浏览器
// 设置滚动条的样式,宽、圆角、背景颜色
::-webkit-scrollbar-thumb {
width: 6px;
height: 6px;
background-color: $color-border-3;
border-radius: 6px;
}
// 设置滚动条hover样式宽、圆角、背景颜色
::-webkit-scrollbar-thumb:hover {
width: 6px;
height: 6px;
background-color: $color-border-4;
}
// 设置IE/Edge浏览器滚动条的样式与webkit内核浏览器样式相同
::-ms-scrollbar-thumb {
width: 6px;
height: 6px;
background-color: $color-border-3;
border-radius: 6px;
}
::-ms-scrollbar-thumb:hover {
width: 6px;
height: 6px;
background-color: $color-border-4;
}
// arco滚动条样式
// 横向
.arco-scrollbar-thumb-direction-horizontal .arco-scrollbar-thumb-bar {
height: 4px !important;
}
// 纵向
.arco-scrollbar-thumb-direction-vertical .arco-scrollbar-thumb-bar {
width: 4px !important;
}