feat: 样式更改

This commit is contained in:
caoqianming 2024-08-15 18:14:34 +08:00
parent c08dc1b2d3
commit 638c0e65b6
3 changed files with 56 additions and 1 deletions

View File

@ -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;

View File

@ -375,4 +375,28 @@ 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;
}

View File

@ -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%;