feat: 样式更改
This commit is contained in:
parent
c08dc1b2d3
commit
638c0e65b6
|
@ -10,6 +10,14 @@ html.dark {
|
|||
--el-color-primary-light-5: var(--el-color-primary-dark-4) !important;
|
||||
--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
|
||||
--el-menu-active-color: #ffffff !important;
|
||||
// --el-bg-color: #1e789a;
|
||||
// --el-text-color-regular: #ffffff;
|
||||
.el-dialog__close {
|
||||
color: #ffffff;
|
||||
}
|
||||
.el-dialog__title {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.el-tag {
|
||||
background-color: #f8f5f5 !important;
|
||||
|
|
|
@ -376,3 +376,27 @@ body .el-table th.gutter {
|
|||
.el-dialog__footer {
|
||||
padding: 6px 6px 6px;
|
||||
}
|
||||
|
||||
.aside_one,
|
||||
.aside_side {
|
||||
height: 100%;
|
||||
background: var(--el-bg-color-overlay);
|
||||
border-color: var(--el-border-color-light);
|
||||
// border-radius: 4px;
|
||||
background: rgb(4, 50, 83);
|
||||
background-color: rgb(4, 50, 83);
|
||||
box-shadow: inset 0px 0px 30px 15px rgb(7, 79, 109);
|
||||
border: 1px solid #1279c3;
|
||||
}
|
||||
.el-aside:has(> .aside_one) {
|
||||
padding: 8px;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.infoLine {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.typeLine {
|
||||
color: #ffffff;
|
||||
}
|
|
@ -179,8 +179,14 @@
|
|||
</el-dropdown>
|
||||
</div>
|
||||
</div>
|
||||
<div class="wraning_icon"></div>
|
||||
<div class="wraning_icon">
|
||||
</div>
|
||||
<div class="user_icon" @click="backSystem"></div>
|
||||
<div class="dark_config">
|
||||
<el-button :icon="config.dark ? 'el-icon-sunny' : 'el-icon-moon'" circle type="info"
|
||||
@click="configDark" size="small"></el-button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-header>
|
||||
|
@ -635,6 +641,17 @@ export default {
|
|||
intervalinfo: null, //窗口数据更新定时器
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
'config.dark'(val) {
|
||||
if (val) {
|
||||
document.documentElement.classList.add("dark")
|
||||
this.$TOOL.data.set("APP_DARK", val)
|
||||
} else {
|
||||
document.documentElement.classList.remove("dark")
|
||||
this.$TOOL.data.remove("APP_DARK")
|
||||
}
|
||||
}
|
||||
},
|
||||
created() {
|
||||
document.documentElement.classList.add("dark");
|
||||
this.$TOOL.data.set("APP_DARK", true);
|
||||
|
@ -1150,6 +1167,12 @@ header {
|
|||
background-size: cover;
|
||||
background-image: url("/public/img/enp_blue/user_enp.png");
|
||||
}
|
||||
.dark_config {
|
||||
width: 2.3vh;
|
||||
height: 2.3vh;
|
||||
margin-top: 0.9vh;
|
||||
margin-left: 2vh;
|
||||
}
|
||||
|
||||
.model {
|
||||
top: 8%;
|
||||
|
|
Loading…
Reference in New Issue