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

样式问题

This commit is contained in:
binbin_pan 2024-05-13 12:06:42 +08:00
parent ada8e96ccd
commit e64b972cb6
1 changed files with 42 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
sgzb-screen/src/App.vue
View File

@ -21,14 +21,14 @@ export default {
<style lang="less"> <style lang="less">
.el-dialog { .el-dialog {
// 背景色透明 // 背景色透明
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5) !important;
background-image: url('./assets/img/dialog/window.png'); background-image: url('./assets/img/dialog/window.png') !important;
background-size: 100% 100%; background-size: 100% 100% !important;
background-repeat: no-repeat; background-repeat: no-repeat !important;
.el-dialog__headerbtn { .el-dialog__headerbtn {
width: 83px; width: 83px;
height: 44px; height: 44px;
background-image: url('./assets/img/dialog/icon_close.png'); background-image: url('./assets/img/dialog/icon_close.png') !important;
background-size: cover; background-size: cover;
// 去除原来的 x 按钮 // 去除原来的 x 按钮
.el-dialog__close { .el-dialog__close {
@ -36,81 +36,81 @@ export default {
} }
} }
.el-form-item__label { .el-form-item__label {
color: #fff; color: #fff !important;
} }
.el-table th { .el-table th {
// #253855 #30619B 背景色从上到下渐变 // #253855 #30619B 背景色从上到下渐变
background: linear-gradient(to bottom, #2B313D, #3267A7); background: linear-gradient(to bottom, #2B313D, #3267A7) !important;
color: #fff; color: #fff !important;
border-bottom: 1px solid #84FCFD !important; border-bottom: 1px solid #84FCFD !important;
} }
.el-table tr { .el-table tr {
background-color: #335684; background-color: #335684 !important;
color: #fff; color: #fff !important;
} }
.el-table--striped .el-table__body tr.el-table__row--striped td { .el-table--striped .el-table__body tr.el-table__row--striped td {
background-color: #25447D; background-color: #25447D !important;
color: #fff; color: #fff !important;
} }
.el-table td,.building-top .el-table th.is-leaf { .el-table td,.building-top .el-table th.is-leaf {
border-bottom: 1px solid #6983A5; border-bottom: 1px solid #6983A5 !important;
} }
.el-table::before{ .el-table::before{
border-bottom: 1px solid #6983A5; border-bottom: 1px solid #6983A5 !important;
background-color: #6983A5; background-color: #6983A5 !important;
height: 1px; height: 1px !important;
} }
.el-table--enable-row-hover .el-table__body tr:hover>td { .el-table--enable-row-hover .el-table__body tr:hover>td {
background-color: #6983A5; background-color: #6983A5 !important;
} }
.el-pagination__total { .el-pagination__total {
color: #E1E3E6; color: #E1E3E6 !important;
} }
.el-pagination__jump { .el-pagination__jump {
color: #E1E3E6; color: #E1E3E6 !important;
} }
.el-input__inner { .el-input__inner {
background-color: transparent; background-color: transparent !important;
border: 1px solid #77E2E7; border: 1px solid #77E2E7 !important;
color: #E1E3E6; color: #E1E3E6 !important;
} }
.el-pagination__sizes .el-input .el-input__inner { .el-pagination__sizes .el-input .el-input__inner {
color: #E3E4E7; color: #E3E4E7 !important;
border: 1px solid #E3E4E7; border: 1px solid #E3E4E7 !important;
} }
.el-pagination__editor.el-input .el-input__inner { .el-pagination__editor.el-input .el-input__inner {
color: #E3E4E7; color: #E3E4E7 !important;
border: 1px solid #E3E4E7; border: 1px solid #E3E4E7 !important;
} }
.el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li { .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
color: #E3E4E7; color: #E3E4E7 !important;
border: 1px solid #E3E4E7; border: 1px solid #E3E4E7 !important;
background-color: transparent; background-color: transparent !important;
} }
.el-pagination.is-background .btn-next { .el-pagination.is-background .btn-next {
color: #E3E4E7; color: #E3E4E7 !important;
border: 1px solid #E3E4E7; border: 1px solid #E3E4E7 !important;
background-color: transparent; background-color: transparent !important;
} }
.el-pagination.is-background .el-pager li:not(.disabled).active { .el-pagination.is-background .el-pager li:not(.disabled).active {
background-color: #98F4FB; background-color: #98F4FB !important;
color: #000; color: #000 !important;
} }
.el-button--primary { .el-button--primary {
background-color: #84FCFD; background-color: #84FCFD !important;
border: #84FCFD; border: #84FCFD !important;
color: #285050; color: #285050 !important;
} }
.el-button--default { .el-button--default {
background-color: transparent; background-color: transparent !important;
border: 1px solid #84FCFD; border: 1px solid #84FCFD !important;
color: #D5D6DA; color: #D5D6DA !important;
} }
.el-table__empty-block { .el-table__empty-block {
background-color: #335684; background-color: #335684 !important;
.el-table__empty-text { .el-table__empty-text {
color: #D5D6DA; color: #D5D6DA !important;
} }
} }
} }