diff --git a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue b/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue index e05754e..a503428 100644 --- a/ruoyi-ui/src/views/ccdiProject/components/ProjectTable.vue +++ b/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; - padding: 12px; - border-bottom: 1px solid #f0f0f0; + height: 64px; + padding: 20px 12px; + border-bottom: none; } // 移除列分隔线 @@ -286,18 +286,18 @@ export default { } // 悬停效果 - .el-table__row:hover > td { - background-color: #f5f5f5 !important; - transition: background-color 0.3s; - } - - // 表格内容无额外边框 - &::before { - height: 0; + .el-table__row { + transition: background-color 0.2s ease; + + &:hover > td { + background-color: #fafafa !important; + } } + // 移除额外边框 + &::before, &::after { - width: 0; + display: none; } } }