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-5: var(--el-color-primary-dark-4) !important;
|
||||||
--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
|
--el-color-primary-light-3: var(--el-color-primary-dark-3) !important;
|
||||||
--el-menu-active-color: #ffffff !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 {
|
.el-tag {
|
||||||
background-color: #f8f5f5 !important;
|
background-color: #f8f5f5 !important;
|
||||||
|
|
|
@ -375,4 +375,28 @@ body .el-table th.gutter {
|
||||||
|
|
||||||
.el-dialog__footer {
|
.el-dialog__footer {
|
||||||
padding: 6px 6px 6px;
|
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>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="wraning_icon"></div>
|
<div class="wraning_icon">
|
||||||
|
</div>
|
||||||
<div class="user_icon" @click="backSystem"></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>
|
||||||
</div>
|
</div>
|
||||||
</el-header>
|
</el-header>
|
||||||
|
@ -635,6 +641,17 @@ export default {
|
||||||
intervalinfo: null, //窗口数据更新定时器
|
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() {
|
created() {
|
||||||
document.documentElement.classList.add("dark");
|
document.documentElement.classList.add("dark");
|
||||||
this.$TOOL.data.set("APP_DARK", true);
|
this.$TOOL.data.set("APP_DARK", true);
|
||||||
|
@ -1150,6 +1167,12 @@ header {
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-image: url("/public/img/enp_blue/user_enp.png");
|
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 {
|
.model {
|
||||||
top: 8%;
|
top: 8%;
|
||||||
|
|
Loading…
Reference in New Issue