diff --git a/.gitignore b/.gitignore
index cb5c952..e5d8cd3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 download
 .venv
 flask-ui/node_modules
-.idea
\ No newline at end of file
+.idea
+flask-ui/package-lock.json
\ No newline at end of file
diff --git a/flask-ui/components.d.ts b/flask-ui/components.d.ts
index 420c9d7..0ba90a2 100644
--- a/flask-ui/components.d.ts
+++ b/flask-ui/components.d.ts
@@ -35,6 +35,7 @@ declare module 'vue' {
     ElSelect: typeof import('element-plus/es')['ElSelect']
     ElSplitter: typeof import('element-plus/es')['ElSplitter']
     ElSplitterPanel: typeof import('element-plus/es')['ElSplitterPanel']
+    ElSubItem: typeof import('element-plus/es')['ElSubItem']
     ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
@@ -69,6 +70,7 @@ declare global {
   const ElSelect: typeof import('element-plus/es')['ElSelect']
   const ElSplitter: typeof import('element-plus/es')['ElSplitter']
   const ElSplitterPanel: typeof import('element-plus/es')['ElSplitterPanel']
+  const ElSubItem: typeof import('element-plus/es')['ElSubItem']
   const ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
   const RouterLink: typeof import('vue-router')['RouterLink']
   const RouterView: typeof import('vue-router')['RouterView']
diff --git a/flask-ui/src/layout/components/Sidebar/index.vue b/flask-ui/src/layout/components/Sidebar/index.vue
index fbee928..c1c3a3c 100644
--- a/flask-ui/src/layout/components/Sidebar/index.vue
+++ b/flask-ui/src/layout/components/Sidebar/index.vue
@@ -17,30 +17,12 @@ const iconComponent = ref("location")
         :collapse="isCollapse"
         class="el-menu-vertical-demo"
         router>
-        <el-sub-menu index="1">
-          <template #title>
-            <el-icon>
-              <component :is="iconComponent"></component>
-            </el-icon>
-            <span>Navigator One</span>
-          </template>
-          <el-menu-item-group title="Group One">
-            <el-menu-item index="1-1">
-              <el-icon>
-                <location/>
-              </el-icon>
-              item one
-            </el-menu-item>
-            <el-menu-item index="1-2">item two</el-menu-item>
-          </el-menu-item-group>
-          <el-menu-item-group title="Group Two">
-            <el-menu-item index="1-3">item three</el-menu-item>
-          </el-menu-item-group>
-          <el-sub-menu index="1-4">
-            <template #title>item four</template>
-            <el-menu-item index="1-4-1">item one</el-menu-item>
-          </el-sub-menu>
-        </el-sub-menu>
+        <el-menu-item index="1" route="index">
+          <el-icon>
+            <Menu/>
+          </el-icon>
+          <span>首页</span>
+        </el-menu-item>
         <el-menu-item index="2" route="about">
           <el-icon>
             <Menu/>
@@ -66,10 +48,9 @@ const iconComponent = ref("location")
 
 <style scoped lang="scss">
 .el-aside {
-  width: auto;
+  width: 200px;
 }
-
-:deep(.el-scrollbar__wrap) {
-  max-height: calc(100vh - 60px);
+:deep(.el-menu.el-menu--vertical) {
+  min-height: calc(100vh - 60px);
 }
 </style>
diff --git a/flask-ui/src/views/AboutView.vue b/flask-ui/src/views/AboutView.vue
index 828024b..79b2eb6 100644
--- a/flask-ui/src/views/AboutView.vue
+++ b/flask-ui/src/views/AboutView.vue
@@ -37,9 +37,12 @@ const getThirdLevelOptions = () => {
   <el-main>
     <el-card shadow="never">
       <template #default>
-        <div v-for="(v,i) in getSecondLevelOptions()">
-          <div>{{i}}</div>
-          <el-button v-for="(v2,i2) in v" :key="i2">{{ v2 }}</el-button>
+<!--        <div v-for="(v,i) in getSecondLevelOptions()">-->
+<!--          <div>{{i}}</div>-->
+<!--          <el-button v-for="(v2,i2) in v" :key="i2">{{ v2 }}</el-button>-->
+<!--        </div>-->
+        <div>
+          <el-button v-for="(v,i) in aa" :key="i">{{ i }}</el-button>
         </div>
       </template>
       <template #footer>