|
|
@@ -78,6 +78,7 @@
|
|
|
element-loading-text="加载中"
|
|
|
element-loading-spinner="el-icon-loading"
|
|
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
|
|
+ stripe
|
|
|
:data="tableData"
|
|
|
style="width: 100%"
|
|
|
height="467"
|
|
|
@@ -662,8 +663,9 @@ export default {
|
|
|
background-color: transparent;
|
|
|
}
|
|
|
|
|
|
+ // 鼠标悬停时背景颜色设置
|
|
|
::v-deep .el-table tbody tr:hover > td {
|
|
|
- background-color: skyblue;
|
|
|
+ background-color: #24578c;
|
|
|
}
|
|
|
|
|
|
::v-deep .el-table__header-wrapper {
|
|
|
@@ -676,5 +678,21 @@ export default {
|
|
|
width: 0;
|
|
|
color: transparent;
|
|
|
}
|
|
|
+
|
|
|
+ // 输入框 筛选框 圆角设置
|
|
|
+ ::v-deep .el-input__inner {
|
|
|
+ border-radius: 20px;
|
|
|
+ color: #fff;
|
|
|
+ background-color: rgba($color: #fff, $alpha: 0.3);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 斑马线隔行换色设置颜色
|
|
|
+ ::v-deep
|
|
|
+ .el-table--striped
|
|
|
+ .el-table__body
|
|
|
+ tr.el-table__row--striped.el-table__row--striped.el-table__row--striped
|
|
|
+ td {
|
|
|
+ background-color: rgba($color: #58beff, $alpha: 0.3);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
