style;表格修改
Showing
1 changed file
with
10 additions
and
3 deletions
| ... | @@ -173,12 +173,17 @@ | ... | @@ -173,12 +173,17 @@ |
| 173 | // element table 样式修改 | 173 | // element table 样式修改 |
| 174 | //去掉表格内的线 | 174 | //去掉表格内的线 |
| 175 | table th { | 175 | table th { |
| 176 | border-bottom: 8px solid rgba(0, 0, 0, 0.1) !important; | 176 | border-bottom: none !important; |
| 177 | } | ||
| 178 | |||
| 179 | .el-table__body { | ||
| 180 | -webkit-border-vertical-spacing: 6px !important; // 垂直间距 | ||
| 177 | } | 181 | } |
| 178 | 182 | ||
| 179 | table td { | 183 | table td { |
| 180 | box-sizing: border-box; | 184 | box-sizing: border-box; |
| 181 | border-bottom: 8px solid rgba(0, 0, 0, 0.1) !important; | 185 | border-bottom: none !important; |
| 186 | ; | ||
| 182 | } | 187 | } |
| 183 | 188 | ||
| 184 | //去掉最下面的那一条线 | 189 | //去掉最下面的那一条线 |
| ... | @@ -186,6 +191,9 @@ table td { | ... | @@ -186,6 +191,9 @@ table td { |
| 186 | height: 0; | 191 | height: 0; |
| 187 | } | 192 | } |
| 188 | 193 | ||
| 194 | .el-table__body tr { | ||
| 195 | box-sizing: content-box !important; | ||
| 196 | } | ||
| 189 | 197 | ||
| 190 | .el-table__body tr:hover { | 198 | .el-table__body tr:hover { |
| 191 | background: rgba(2, 160, 253, 0.3) !important; | 199 | background: rgba(2, 160, 253, 0.3) !important; |
| ... | @@ -194,7 +202,6 @@ table td { | ... | @@ -194,7 +202,6 @@ table td { |
| 194 | 202 | ||
| 195 | .el-table__body tr:hover>td { | 203 | .el-table__body tr:hover>td { |
| 196 | background: none !important; | 204 | background: none !important; |
| 197 | border-bottom: 8px solid transparent !important; | ||
| 198 | } | 205 | } |
| 199 | 206 | ||
| 200 | // 表格样式 | 207 | // 表格样式 | ... | ... |
-
Please register or sign in to post a comment