效果图
生成的效果图,目前我看到的都是OK的,有问题希望反馈一下
css样式
我用的scss写法
.teml_box{
::v-deep .el-table{
border-color: #CCD3DC;
border-top: 0;
border-left: 0;
border-radius: 4px;
tr {
th {
border-top: 1px solid #CCD3DC;
background-color: #EFF1F5;
.cell {
padding: 0 5px;
color: #525E71;
}
}
th.gutter {
display: none;
}
th,td {
border-color: #CCD3DC;
font-weight: 400;
padding: 6px 0;
}
td {
.el-input__inner {
color: #222426;
border-color: #dddfe6;
height: 30px;
}
.el-input__icon {
line-height: 30px;
}
.cell {
padding: 0 5px;
color: #171A20;
.active_btn {
color: #207CFC;
}
}
}
td:nth-of-type(1),th:nth-of-type(1) {
border-left: 1px solid #CCD3DC;
.cell {
color: #525E71;
}
}
th:nth-of-type(1) {
border-radius: 4px 0 0 0;
}
th:nth-last-of-type(2) {
border-radius: 0 4px 0 0;
}
}
tr:last-of-type {
td:nth-of-type(1) {
border-radius: 0 0 0 4px;
}
td:last-of-type {
border-radius: 0 0 4px 0;
}
}
.el-table__empty-block {
border-right: 1px solid #CCD3DC;
border-left: 1px solid #CCD3DC;
border-bottom: 1px solid #CCD3DC;
border-radius: 0 0 4px 4px;
height: 99% !important;
}
.el-table__body {
padding-bottom: 1px;
}
}
::v-deep .el-table::before {
width: 0;
}
::v-deep .el-table::after {
height: 0;
}
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
width: 0;
}
}