gaoxing/UNIVPLMDataIntegration
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 调整 vxeTable pager 在 mini 下控件显示不全，并优化显示样式

Browse Source
This commit is contained in:
许俊杰 2025-03-09 09:50:52 +08:00
parent cef9036ecc
commit a3659cbaf2
1 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
Web/src/theme/vxeTable.scss
View File

@ -47,7 +47,7 @@
.vxe-pager.size--mini { .vxe-pager.size--mini {
height: 30px; height: 30px;
margin-top: 4px; margin-top: 2px;
} }
// 在El-Dialog中的表格存在下拉选择框时，要加这个类 popupClassName: 'zIndex2023' (Vxe4.5.0生效) 否则弹出的下拉容器会被覆盖 // 在El-Dialog中的表格存在下拉选择框时，要加这个类 popupClassName: 'zIndex2023' (Vxe4.5.0生效) 否则弹出的下拉容器会被覆盖
@ -94,3 +94,23 @@
// :deep(.xGrid-style .vxe-body--row.success-row) { // :deep(.xGrid-style .vxe-body--row.success-row) {
// background-color: var(--el-color-success-light-9); // background-color: var(--el-color-success-light-9);
// } // }
// pager
.vxe-pager {
.vxe-pager--prev-btn,
.vxe-pager--num-btn,
.vxe-pager--next-btn {
border: 0 !important;
}
.vxe-pager--num-btn {
&:not(.is--disabled) {
&.is--active {
background-color: var(--el-color-primary) !important;
color: var(--el-color-white) !important;
}
&:focus {
box-shadow: none !important;
}
}
}
}