52908403c9
1、设置row-config.isCurrent为true （当鼠标点击行时，是否要高亮当前行） 2、调整vxetable选中行后行高亮色与系统主题色匹配 3、设置columnConfig. isCurrent 为false，这东西点击后除非刷新页面再也去不掉列的高亮（不美观）
91 lines
2.5 KiB
SCSS
91 lines
2.5 KiB
SCSS
@import 'vxe-table/styles/all.scss';
|
||
@import 'vxe-pc-ui/styles/all.scss';
|
||
|
||
// 全局变量参考地址 https://github.com/x-extends/vxe-table/blob/master/styles/theme/base.scss
|
||
:root {
|
||
--vxe-ui-font-family: var(--el-font-family);
|
||
// --vxe-ui-font-color: var(--el-text-color-primary); // 原：#606266;
|
||
// --vxe-ui-primary-color: var(--el-color-primary); // 原：#409eff;
|
||
// --vxe-ui-primary-lighten-color: var(--el-color-primary);
|
||
// --vxe-ui-table-row-height-small: 36px; // 原：40px
|
||
// --vxe-ui-table-row-height-mini: 32px; // 原：36px
|
||
// --vxe-ui-table-row-line-height: 18px; // 原：22px
|
||
// // --vxe-ui-table-header-font-weight: 500; // 原 700
|
||
// --vxe-ui-table-font-color: var(--el-text-color-primary);
|
||
// --vxe-ui-table-header-font-color: var(--el-text-color-primary);
|
||
// --vxe-ui-table-footer-font-color: var(--el-text-color-primary);
|
||
// --vxe-ui-table-cell-padding-left: 8px; // 原：10px
|
||
// --vxe-ui-table-cell-padding-right: 8px; // 原：10px
|
||
--vxe-ui-table-row-current-background-color: var(--el-color-primary-light-9);
|
||
--vxe-ui-table-row-hover-current-background-color: var(--el-color-primary-light-9);
|
||
}
|
||
|
||
.vxe-toolbar {
|
||
padding: 0 0 6px 0;
|
||
}
|
||
|
||
.vxe-tools--operate > .vxe-button.size--mini,
|
||
.vxe-custom--wrapper > .vxe-button.size--mini,
|
||
.vxe-tools--wrapper > .vxe-button.size--mini {
|
||
height: 24px !important;
|
||
width: 24px !important;
|
||
min-width: 24px !important;
|
||
text-overflow: clip;
|
||
line-height: unset;
|
||
padding: 0 0.4em !important;
|
||
}
|
||
|
||
.vxe-cell {
|
||
padding-left: 5px !important;
|
||
padding-right: 5px !important;
|
||
user-select: text !important;
|
||
|
||
.el-button {
|
||
padding: 0 !important;
|
||
}
|
||
}
|
||
|
||
.vxe-pager.size--mini {
|
||
height: 30px;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
// 在El-Dialog中的表格存在下拉选择框时，要加这个类 popupClassName: 'zIndex2023' (Vxe4.5.0生效) 否则弹出的下拉容器会被覆盖
|
||
.zIndex2023 {
|
||
z-index: 2023 !important;
|
||
}
|
||
|
||
.popper-400 {
|
||
width: 400px !important;
|
||
}
|
||
|
||
.popper-400 .el-select-dropdown__list {
|
||
width: 100% !important;
|
||
}
|
||
|
||
.popper-400 .el-select-dropdown__option-item {
|
||
padding: 0 30px 0 10px !important;
|
||
}
|
||
|
||
// 表格内容颜色
|
||
.vxe-table--render-default {
|
||
//color: var(--vxe-ui-font-color);
|
||
color: unset !important;
|
||
}
|
||
|
||
.vxe-table--header-wrapper {
|
||
color: unset !important;
|
||
}
|
||
|
||
// 表格分页颜色
|
||
.vxe-pager {
|
||
color: unset !important;
|
||
}
|
||
|
||
// :deep(.xGrid-style .vxe-body--row.warning-row) {
|
||
// background-color: var(--el-color-warning-light-9);
|
||
// }
|
||
// :deep(.xGrid-style .vxe-body--row.success-row) {
|
||
// background-color: var(--el-color-success-light-9);
|
||
// }
|