zhouyulong/electron-4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改样式

Browse Source
This commit is contained in:
夏大胆
2025-10-20 10:53:27 +08:00
parent b12175ea8b
commit 30531019dd
1 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/renderer/src/views/components/headers/components/setPup/components/equipment.vue
View File

@ -58,12 +58,12 @@
<el-table-column prop="password" label="密码" width="120" /> <el-table-column prop="password" label="密码" width="120" />
<el-table-column prop="channel" label="通道号" width="120" /> <el-table-column prop="channel" label="通道号" width="120" />
<el-table-column prop="flvUrl" label="flv地址" width="300" /> <el-table-column prop="flvUrl" label="flv地址" width="300" />
<el-table-column fixed="right" label="操作" min-width="120"> <el-table-column fixed="right" label="操作" min-width="140">
<template #default="scope"> <template #default="scope">
<el-button link type="primary" size="small" @click="edit('编辑设备', scope.row)"> <el-button type="primary" size="small" @click="edit('编辑设备', scope.row)">
编辑 编辑
</el-button> </el-button>
<el-button link type="primary" size="small" @click="delFun(scope.row)">删除</el-button> <el-button type="primary" size="small" @click="delFun(scope.row)">删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -353,7 +353,7 @@ const downloadTemp = async () => {
} }
:deep(.el-table th.el-table__cell) { :deep(.el-table th.el-table__cell) {
background: rgba(0, 0, 0, 0); background: #004b4b;
color: #fff; color: #fff;
border-bottom: 1px solid rgba(0, 255, 255, 0.5) !important; border-bottom: 1px solid rgba(0, 255, 255, 0.5) !important;
border-right: 1px solid rgba(0, 255, 255, 0.5) !important; border-right: 1px solid rgba(0, 255, 255, 0.5) !important;
@ -361,7 +361,19 @@ const downloadTemp = async () => {
:deep(.el-table--enable-row-transition .el-table__body td.el-table__cell) { :deep(.el-table--enable-row-transition .el-table__body td.el-table__cell) {
border-right: 1px solid rgba(0, 255, 255, 0.5) !important; border-right: 1px solid rgba(0, 255, 255, 0.5) !important;
border-bottom: 1px solid rgba(0, 255, 255, 0.5) !important; border-bottom: 1px solid rgba(0, 255, 255, 0.5) !important;
background: #004b4b;
} }
// :deep(.el-table__header-wrapper tr th.el-table-fixed-column--left) {
// background-color: #004b4b !important;
// }
// :deep(.el-table__header-wrapper tr th.el-table-fixed-column--right) {
// background-color: rgba(0, 255, 255, 0.2) !important;
// z-index: 1000;
// }
// :deep(.el-table__body tr td.el-table-fixed-column--right) {
// background-color: rgba(0, 255, 255, 0.2) !important;
// z-index: 1000;
// }
:deep(.el-table__body tr:hover > td) { :deep(.el-table__body tr:hover > td) {
background-color: rgba(40, 75, 91, 0.9) !important; background-color: rgba(40, 75, 91, 0.9) !important;
@ -454,5 +466,10 @@ const downloadTemp = async () => {
::v-deep .el-pager li.is-active { ::v-deep .el-pager li.is-active {
color: rgba(0, 255, 255, 1) !important; color: rgba(0, 255, 255, 1) !important;
} }
::v-deep .el-button--primary {
--el-button-bg-color: rgba(0, 255, 255, 0.2) !important;
--el-button-hover-bg-color: rgba(0, 255, 255, 0.2) !important;
border: 1px solid rgba(0, 255, 255, 0.5) !important;
}
} }
</style> </style>