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

src/components/Layout.vue

@@ -22,11 +22,15 @@
           <template #title><span>告警列表</span></template>
         </el-menu-item>
         <el-menu-item index="/dataStatistics">
-          <el-icon><TrendCharts /></el-icon>
+          <el-icon>
+            <TrendCharts />
+          </el-icon>
           <template #title><span>数据统计</span></template>
         </el-menu-item>
         <el-menu-item index="/userList">
-          <el-icon><Avatar /></el-icon>
+          <el-icon>
+            <Avatar />
+          </el-icon>
           <template #title><span>用户管理</span></template>
         </el-menu-item>
         <el-sub-menu index="1">
@@ -36,6 +40,12 @@
             </el-icon>
             <span>面板测试</span>
           </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-icon>
               <WarningFilled />
@@ -48,6 +58,12 @@
             </el-icon>
             <template #title><span>功能点2测试</span></template>
           </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-menu>
     </el-aside>
@@ -238,7 +254,8 @@ const onLogout = async () => {
 
 /* 头部样式 */
 .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;
   font-size: 18px;
   font-weight: bold;
@@ -268,6 +285,8 @@ const onLogout = async () => {
   background-color: #f5f8fc;
   flex-grow: 1;
   min-height: 80%;
+  margin: 0;
+  padding: 0;
 }
 
 /* 页脚样式 */
@@ -280,5 +299,8 @@ const onLogout = async () => {
   display: flex;
   justify-content: center;
   text-align: center;
+  margin: 0;
+  padding: 0;
   /* flex-shrink: 0; */
-}</style>
+}
+</style>