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

This commit is contained in:
wkc
2026-02-27 10:49:54 +08:00
parent 0964289f2d
commit d47c0ad6a8

View File

@@ -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;
}
}
}