diff --git a/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss b/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss index 7aaea02c..5b766755 100644 --- a/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss +++ b/mes-ui/mes-ui-admin-vue3/src/styles/cus.scss @@ -42,10 +42,15 @@ border-radius: 10px !important; } +.hl-table { + width: 100%; +} .hl-table thead { color: #1d2129; } - +.hl-table_header{ + color: red; +} .hl-table thead th.el-table__cell { padding: 15px 0 !important; background-color: #f7f8fa; @@ -139,3 +144,28 @@ } } } + + +/* ---el-table滚动条公共样式--- */ +.el-scrollbar { + // 横向滚动条 + .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb { + display: block; + bottom: 5px; + opacity: 1; // 默认滚动条自带透明度 + height: 10px; // 横向滑块的宽度 + border-radius: 5px; // 圆角度数 + // background-color: rgba(136, 219, 255, 1); // 滑块背景色 + box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); // 滑块阴影 + } + // 纵向滚动条 + .el-scrollbar__bar.is-vertical .el-scrollbar__thumb { + opacity: 1; + padding: 0 4px; + display: block; + right: 5px; + border-radius: 5px; // 圆角度数 + // background-color: rgba(136, 219, 255, 1); + box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); + } +} \ No newline at end of file