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

调整vxetable选中行后主题色与系统主题色匹配

Browse Source 
1、设置row-config.isCurrent为true （当鼠标点击行时，是否要高亮当前行）
2、调整vxetable选中行后行高亮色与系统主题色匹配
3、设置columnConfig. isCurrent  为false，这东西点击后除非刷新页面再也去不掉列的高亮（不美观）
This commit is contained in:
shuerchoi 2024-07-24 13:35:21 +08:00
parent 0ffd58cd36
commit 52908403c9
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
Web/src/hooks/setupVXETableHook.ts
View File

@ -33,13 +33,13 @@ export const setupVXETable = (app: App) => {
round: false, // 是否为圆角边框 round: false, // 是否为圆角边框
emptyText: '暂无数据', // emptyText: '暂无数据', //
columnConfig: { columnConfig: {
isCurrent: true, // 当鼠标点击列头时，是否要高亮当前列 isCurrent: false, // 当鼠标点击列头时，是否要高亮当前列
isHover: true, // 当鼠标移到列头时，是否要高亮当前头 isHover: false, // 当鼠标移到列头时，是否要高亮当前头
resizable: true, // 每一列是否启用列宽调整 resizable: true, // 每一列是否启用列宽调整
minWidth: 70, // 每一列的最小宽度(auto, px, %) minWidth: 70, // 每一列的最小宽度(auto, px, %)
}, },
rowConfig: { rowConfig: {
isCurrent: false, // 当鼠标点击行时，是否要高亮当前行 isCurrent: true, // 当鼠标点击行时，是否要高亮当前行
isHover: true, // 当鼠标移到行时，是否要高亮当前行 isHover: true, // 当鼠标移到行时，是否要高亮当前行
}, },
radioConfig: { radioConfig: {

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

@ -16,6 +16,8 @@
// --vxe-ui-table-footer-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-left: 8px; // 原：10px
// --vxe-ui-table-cell-padding-right: 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 { .vxe-toolbar {