style: Material Design - 移除行分隔线，增加留白

ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue

@@ -269,13 +269,13 @@ export default {
       border-bottom: 2px solid #e0e0e0;
     }
 
-    // 数据行样式
+    // 数据行样式 - 增加留白，移除分隔线
     td {
       color: #333;
       font-size: 14px;
-      height: 50px;
+      height: 64px;
-      padding: 12px;
+      padding: 20px 12px;
-      border-bottom: 1px solid #f0f0f0;
+      border-bottom: none;
     }
 
     // 移除列分隔线
@@ -286,18 +286,18 @@ export default {
     }
 
     // 悬停效果
-    .el-table__row:hover > td {
+    .el-table__row {
-      background-color: #f5f5f5 !important;
+      transition: background-color 0.2s ease;
-      transition: background-color 0.3s;
+
-    }
+      &:hover > td {
-
+        background-color: #fafafa !important;
-    // 表格内容无额外边框
+      }
-    &::before {
-      height: 0;
     }
 
+    // 移除额外边框
+    &::before,
     &::after {
-      width: 0;
+      display: none;
     }
   }
 }