bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

装备共享大屏二级弹窗2-样式修改

This commit is contained in:
zzyuan 2025-12-12 17:30:28 +08:00
parent f1b97845d9
commit 37f7d2b3d4
3 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/views/screen/shareScreen/components/detailList.vue
View File

@ -253,30 +253,34 @@ export default {
line-height: 30px; line-height: 30px;
padding-left: 35px; padding-left: 35px;
} }
::v-deep(.el-table) { ::v-deep .el-table{
background-color: transparent; background-color: transparent;
} }
:deep(.el-table__header-wrapper) { ::v-deep .el-table .el-table__header{
background: url('../../../../assets/img/screen/table-1.png') no-repeat !important; background-color: transparent;
}
::v-deep .el-table__header-wrapper {
background-image: url('../../../../assets/img/screen/table-1.png')!important;
background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
:deep(.el-table__header th) { ::v-deep .el-table__header th {
color: white; color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */ background-color: transparent!important; /* 避免被其他背景色覆盖 */
} }
:deep .el-table tr { ::v-deep .el-table tr {
color: #eee; color: #eee;
background-color: transparent; background-color: transparent;
background: url('../../../../assets/img/screen/table-2.png') no-repeat; background: url('../../../../assets/img/screen/table-2.png') no-repeat;
} }
:deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #39816b; background-color: #39816b;
color: #333; color: #333;
} }
:deep .el-input__wrapper { ::v-deep .el-input__wrapper {
background-color: #61b2a6; background-color: #61b2a6;
} }
} }

16
src/views/screen/shareScreen/components/details-new.vue
View File

@ -243,17 +243,21 @@ export default {
line-height: 30px; line-height: 30px;
} }
::v-deep(.el-table) { ::v-deep .el-table{
background-color: transparent; background-color: transparent;
} }
::v-deep(.el-table__header-wrapper) { ::v-deep .el-table .el-table__header{
background: url('../../../../assets/img/screen/table-1.png') no-repeat !important; background-color: transparent;
}
::v-deep .el-table__header-wrapper {
background-image: url('../../../../assets/img/screen/table-1.png')!important;
background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
::v-deep(.el-table__header th) { ::v-deep .el-table__header th {
color: white; color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */ background-color: transparent!important; /* 避免被其他背景色覆盖 */
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
@ -262,7 +266,7 @@ export default {
background: url('../../../../assets/img/screen/table-2.png') no-repeat; background: url('../../../../assets/img/screen/table-2.png') no-repeat;
} }
:deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell { ::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
background-color: #39816b; background-color: #39816b;
color: #333; color: #333;
} }

10
src/views/screen/shareScreen/components/details-unit.vue
View File

@ -187,18 +187,21 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
line-height: 30px; line-height: 30px;
} }
::v-deep .el-table{ ::v-deep .el-table{
background-color: transparent; background-color: transparent;
} }
::v-deep .el-table .el-table__header{
background-color: transparent;
}
::v-deep .el-table__header-wrapper { ::v-deep .el-table__header-wrapper {
background-image: url('../../../../assets/img/screen/table-1.png') no-repeat !important; background-image: url('../../../../assets/img/screen/table-1.png')!important;
background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
} }
::v-deep .el-table__header th { ::v-deep .el-table__header th {
color: white; color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */ background-color: transparent!important; /* 避免被其他背景色覆盖 */
} }
::v-deep .el-table tr { ::v-deep .el-table tr {
@ -216,4 +219,5 @@ export default {
} }
} }
} }
</style> </style>