UNIVPLMDataIntegration/Web/src/theme/vxeTable.scss
2024-07-05 02:35:47 +08:00

86 lines
2.2 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.

@import 'vxe-table/styles/all.scss';
@import 'vxe-pc-ui/styles/all.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-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;
.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);
// }