gonghao
/
local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

页面拆分3页，头部颜色调整渐变

This commit is contained in:
龚皓 2024-10-16 14:50:22 +08:00
parent 93f9af1c99
commit 9b1a251ded
1 changed files with 26 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/Layout.vue
View File

@ -22,11 +22,15 @@
<template #title><span>告警列表</span></template> <template #title><span>告警列表</span></template>
</el-menu-item> </el-menu-item>
<el-menu-item index="/dataStatistics"> <el-menu-item index="/dataStatistics">
<el-icon><TrendCharts /></el-icon> <el-icon>
<TrendCharts />
</el-icon>
<template #title><span>数据统计</span></template> <template #title><span>数据统计</span></template>
</el-menu-item> </el-menu-item>
<el-menu-item index="/userList"> <el-menu-item index="/userList">
<el-icon><Avatar /></el-icon> <el-icon>
<Avatar />
</el-icon>
<template #title><span>用户管理</span></template> <template #title><span>用户管理</span></template>
</el-menu-item> </el-menu-item>
<el-sub-menu index="1"> <el-sub-menu index="1">
@ -36,6 +40,12 @@
</el-icon> </el-icon>
<span>面板测试</span> <span>面板测试</span>
</template> </template>
<el-menu-item index="/test">
<el-icon>
<WarningFilled />
</el-icon>
<template #title><span>布局备份</span></template>
</el-menu-item>
<el-menu-item index="/alertChart"> <el-menu-item index="/alertChart">
<el-icon> <el-icon>
<WarningFilled /> <WarningFilled />
@ -48,6 +58,12 @@
</el-icon> </el-icon>
<template #title><span>功能点2测试</span></template> <template #title><span>功能点2测试</span></template>
</el-menu-item> </el-menu-item>
<el-menu-item index="/cameras">
<el-icon>
<document />
</el-icon>
<template #title><span>功能点3测试</span></template>
</el-menu-item>
</el-sub-menu> </el-sub-menu>
</el-menu> </el-menu>
</el-aside> </el-aside>
@ -238,7 +254,8 @@ const onLogout = async () => {
/* 头部样式 */ /* 头部样式 */
.nav-header { .nav-header {
background-color: #001529; /* background-color: #001529; */
background: linear-gradient(to right, rgba(0, 21, 41, 1), rgb(2, 16, 99,0.9));
padding: 10px; padding: 10px;
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
@ -268,6 +285,8 @@ const onLogout = async () => {
background-color: #f5f8fc; background-color: #f5f8fc;
flex-grow: 1; flex-grow: 1;
min-height: 80%; min-height: 80%;
margin: 0;
padding: 0;
} }
/* 页脚样式 */ /* 页脚样式 */
@ -280,5 +299,8 @@ const onLogout = async () => {
display: flex; display: flex;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
margin: 0;
padding: 0;
/* flex-shrink: 0; */ /* flex-shrink: 0; */
}</style> }
</style>