style: Material Design - 移除行分隔线,增加留白
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user