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;
padding-left: 35px;
}
::v-deep(.el-table) {
::v-deep .el-table{
background-color: transparent;
}
:deep(.el-table__header-wrapper) {
background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
::v-deep .el-table .el-table__header{
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-position: center;
}
:deep(.el-table__header th) {
::v-deep .el-table__header th {
color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */
background-color: transparent!important; /* 避免被其他背景色覆盖 */
}
:deep .el-table tr {
::v-deep .el-table tr {
color: #eee;
background-color: transparent;
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;
color: #333;
}
:deep .el-input__wrapper {
::v-deep .el-input__wrapper {
background-color: #61b2a6;
}
}

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

@ -243,17 +243,21 @@ export default {
line-height: 30px;
}
::v-deep(.el-table) {
::v-deep .el-table{
background-color: transparent;
}
::v-deep(.el-table__header-wrapper) {
background: url('../../../../assets/img/screen/table-1.png') no-repeat !important;
::v-deep .el-table .el-table__header{
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-position: center;
}
::v-deep(.el-table__header th) {
::v-deep .el-table__header th {
color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */
background-color: transparent!important; /* 避免被其他背景色覆盖 */
}
::v-deep .el-table tr {
@ -262,7 +266,7 @@ export default {
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;
color: #333;
}

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

@ -187,18 +187,21 @@ export default {
background-size: 100% 100%;
line-height: 30px;
}
::v-deep .el-table{
background-color: transparent;
}
::v-deep .el-table .el-table__header{
background-color: transparent;
}
::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-position: center;
}
::v-deep .el-table__header th {
color: white;
background-color: transparent; /* 避免被其他背景色覆盖 */
background-color: transparent!important; /* 避免被其他背景色覆盖 */
}
::v-deep .el-table tr {
@ -216,4 +219,5 @@ export default {
}
}
}
</style>