DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(styles): 为el-table添加自定义滚动条样式

Browse Source
This commit is contained in:
砂糖
2026-05-21 10:12:57 +08:00
parent 10398f83b6
commit 7b47403ae8
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
klp-ui/src/assets/styles/element-ui.scss
View File

@@ -302,6 +302,7 @@ body {
padding: 4px 8px !important; padding: 4px 8px !important;
font-size: 12px; font-size: 12px;
height: $--btn-height; height: $--btn-height;
&.is-circle { &.is-circle {
padding: 4px !important; padding: 4px !important;
} }
@@ -343,9 +344,28 @@ body {
} }
} }
.el-table ::-webkit-scrollbar {
width: 8px !important;
height: 12px !important;
}
.el-table ::-webkit-scrollbar-track {
background-color: transparent !important;
}
.el-table ::-webkit-scrollbar-thumb {
background-color: #c0c4cc !important;
border-radius: 0 !important;
}
.el-table ::-webkit-scrollbar-thumb:hover {
background-color: #909399 !important;
}
.el-table__fixed, .el-table__fixed,
.el-table__fixed-right, .el-table__fixed-right,
.el-table__fixed-left { .el-table__fixed-left {
// 表头（深灰黑 + 纯白文字） // 表头（深灰黑 + 纯白文字）
.el-table__fixed-header-wrapper { .el-table__fixed-header-wrapper {
th.el-table__cell { th.el-table__cell {