diff --git a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue index ee22a7d..dbd167d 100644 --- a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue +++ b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue @@ -3,7 +3,6 @@ @@ -245,9 +244,10 @@ export default { // 表格整体样式 - Material Design 卡片式 :deep(.el-table) { // 移除边框,使用阴影 - border: none; + border: none !important; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + overflow: hidden; // 悬停时卡片阴影加深 transition: box-shadow 0.3s ease; @@ -257,8 +257,8 @@ export default { } // 表头样式 - 扁平化,无背景色 - th { - background-color: transparent; + th.el-table__cell { + background-color: transparent !important; color: #333; font-weight: 600; font-size: 14px; @@ -266,16 +266,18 @@ export default { padding: 16px 12px; // 只保留底部一条分隔线 - border-bottom: 2px solid #e0e0e0; + border-bottom: 2px solid #e0e0e0 !important; + border-right: none !important; } // 数据行样式 - 增加留白,移除分隔线 - td { + td.el-table__cell { color: #333; font-size: 14px; height: 64px; padding: 20px 12px; - border-bottom: none; + border-bottom: none !important; + border-right: none !important; } // 移除列分隔线 @@ -289,7 +291,7 @@ export default { .el-table__row { transition: background-color 0.2s ease; - &:hover > td { + &:hover > td.el-table__cell { background-color: #fafafa !important; } } @@ -297,7 +299,12 @@ export default { // 移除额外边框 &::before, &::after { - display: none; + display: none !important; + } + + // 移除 inner border + .el-table__inner-wrapper::before { + display: none !important; } } }