From 52908403c9df826d104b774660e28293de0103ad Mon Sep 17 00:00:00 2001 From: shuerchoi <74034219+shuerchoi@users.noreply.github.com> Date: Wed, 24 Jul 2024 13:35:21 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4vxetable=E9=80=89=E4=B8=AD?= =?UTF-8?q?=E8=A1=8C=E5=90=8E=E4=B8=BB=E9=A2=98=E8=89=B2=E4=B8=8E=E7=B3=BB?= =?UTF-8?q?=E7=BB=9F=E4=B8=BB=E9=A2=98=E8=89=B2=E5=8C=B9=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 1、设置row-config.isCurrent为true (当鼠标点击行时,是否要高亮当前行) 2、调整vxetable选中行后行高亮色与系统主题色匹配 3、设置columnConfig. isCurrent 为false,这东西点击后除非刷新页面再也去不掉列的高亮(不美观) --- Web/src/hooks/setupVXETableHook.ts | 6 +++--- Web/src/theme/vxeTable.scss | 2 ++ 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/Web/src/hooks/setupVXETableHook.ts b/Web/src/hooks/setupVXETableHook.ts index 332873da..90f25c3f 100644 --- a/Web/src/hooks/setupVXETableHook.ts +++ b/Web/src/hooks/setupVXETableHook.ts @@ -33,13 +33,13 @@ export const setupVXETable = (app: App) => { round: false, // 是否为圆角边框 emptyText: '暂无数据', // columnConfig: { - isCurrent: true, // 当鼠标点击列头时,是否要高亮当前列 - isHover: true, // 当鼠标移到列头时,是否要高亮当前头 + isCurrent: false, // 当鼠标点击列头时,是否要高亮当前列 + isHover: false, // 当鼠标移到列头时,是否要高亮当前头 resizable: true, // 每一列是否启用列宽调整 minWidth: 70, // 每一列的最小宽度(auto, px, %) }, rowConfig: { - isCurrent: false, // 当鼠标点击行时,是否要高亮当前行 + isCurrent: true, // 当鼠标点击行时,是否要高亮当前行 isHover: true, // 当鼠标移到行时,是否要高亮当前行 }, radioConfig: { diff --git a/Web/src/theme/vxeTable.scss b/Web/src/theme/vxeTable.scss index a1be7244..b8be049a 100644 --- a/Web/src/theme/vxeTable.scss +++ b/Web/src/theme/vxeTable.scss @@ -16,6 +16,8 @@ // --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 {