refactor: 移除表格卡片背景,实现扁平化设计

2026-02-28 10:56:35 +08:00
parent bcabc2a240
commit f9cf7e9f86
1 changed files with 2 additions and 11 deletions
--- a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue
+++ b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue
@@ -242,21 +242,12 @@ export default {
 .project-table-container {
  margin-top: 16px;

-  // 表格整体样式 - Material Design 卡片式
+  // 表格整体样式 - 扁平化设计
  ::v-deep .el-table {
-    // 移除边框，使用阴影
+    // 移除边框和卡片效果
    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;
-
-    &:hover {
-      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-    }
-
    // 表头样式 - 扁平化，无背景色
    th.el-table__cell {
      background-color: transparent !important;