diff --git a/heming-web/pages/admin/menu/index.vue b/heming-web/pages/admin/menu/index.vue
index 21be5d6..9f5f951 100644
--- a/heming-web/pages/admin/menu/index.vue
+++ b/heming-web/pages/admin/menu/index.vue
@@ -5,7 +5,9 @@ definePageMeta({
 </script>
 
 <template>
-  菜单1
+  <div>
+    菜单1
+  </div>
 </template>
 
 <style scoped>
diff --git a/heming-web/pages/admin/menu/menu11/index.vue b/heming-web/pages/admin/menu/menu11/index.vue
index c98c55c..53482d2 100644
--- a/heming-web/pages/admin/menu/menu11/index.vue
+++ b/heming-web/pages/admin/menu/menu11/index.vue
@@ -5,7 +5,9 @@ definePageMeta({
 </script>
 
 <template>
-  菜单1-1
+  <div>
+    菜单1-1
+  </div>
 </template>
 
 <style scoped>
diff --git a/heming-web/pages/admin/menu/menu12/index.vue b/heming-web/pages/admin/menu/menu12/index.vue
index 5c2f1db..9606030 100644
--- a/heming-web/pages/admin/menu/menu12/index.vue
+++ b/heming-web/pages/admin/menu/menu12/index.vue
@@ -5,7 +5,9 @@ definePageMeta({
 </script>
 
 <template>
-  菜单1-2
+  <div>
+    菜单1-2
+  </div>
 </template>
 
 <style scoped>
diff --git a/heming-web/pages/admin/user/index.vue b/heming-web/pages/admin/user/index.vue
index 6e781b5..559bf30 100644
--- a/heming-web/pages/admin/user/index.vue
+++ b/heming-web/pages/admin/user/index.vue
@@ -82,7 +82,8 @@ definePageMeta({
 </script>
 
 <template>
-  <v-data-table-server
+  <div>
+    <v-data-table-server
       fixed-header
       height="650px"
       :headers="headers"
@@ -93,47 +94,48 @@ definePageMeta({
       :items-per-page-options="pageOptions"
       @update:options="(current) => { pageInfo.pageNum = current.page; pageInfo.pageSize = current.itemsPerPage; useUserPage('') }"
       class="elevation-1"
-  >
-    <template v-slot:item.avatar="{ item }">
-      <v-avatar color="primary" size="x-small">
-        <v-img
+    >
+      <template v-slot:item.avatar="{ item }">
+        <v-avatar color="primary" size="x-small">
+          <v-img
             :src="item.columns.avatar"
             alt="头像"
-        ></v-img>
-      </v-avatar>
-    </template>
-    <template v-slot:item.actions="{ item }">
-      <v-icon
+          ></v-img>
+        </v-avatar>
+      </template>
+      <template v-slot:item.actions="{ item }">
+        <v-icon
           cursor-pointer
           size="small"
-      >
-        mdi-pencil
-      </v-icon>
-      <v-icon
+        >
+          mdi-pencil
+        </v-icon>
+        <v-icon
           cursor-pointer
           size="small"
           @click="defaultUser = item.raw; dialogDelete = true"
-      >
-        mdi-delete
-      </v-icon>
-    </template>
-  </v-data-table-server>
-  <v-dialog
+        >
+          mdi-delete
+        </v-icon>
+      </template>
+    </v-data-table-server>
+    <v-dialog
       v-model="dialogDelete"
       width="auto"
-  >
-    <v-card>
-      <v-card-text>
-        确定要删除吗？
-      </v-card-text>
-      <v-card-actions>
-        <v-btn color="primary" block @click="handleUserDelete">确定</v-btn>
-      </v-card-actions>
-      <v-card-actions>
-        <v-btn color="primary" block @click="dialogDelete = false">取消</v-btn>
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
+    >
+      <v-card>
+        <v-card-text>
+          确定要删除吗？
+        </v-card-text>
+        <v-card-actions>
+          <v-btn color="primary" block @click="handleUserDelete">确定</v-btn>
+        </v-card-actions>
+        <v-card-actions>
+          <v-btn color="primary" block @click="dialogDelete = false">取消</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
 </template>
 
 <style scoped>
diff --git a/heming-web/pages/index.vue b/heming-web/pages/index.vue
index c5cba7b..e97b1ac 100644
--- a/heming-web/pages/index.vue
+++ b/heming-web/pages/index.vue
@@ -12,188 +12,186 @@ definePageMeta({
 </script>
 
 <template>
-  <div flex flex-wrap space-x-2 space-y-2>
-    <v-btn>
-      Button
-    </v-btn>
-
-    <v-col cols="auto">
-      <v-btn density="compact" icon="mdi-plus"></v-btn>
-    </v-col>
-
-    <v-col cols="auto">
-      <v-btn density="comfortable" icon="$vuetify"></v-btn>
-    </v-col>
-
-    <v-col cols="auto">
-      <v-btn density="default" icon="mdi-open-in-new"></v-btn>
-    </v-col>
-
-    <v-chip prepend-icon="$vuetify">
-      Chip
-    </v-chip>
-
-    <v-expansion-panels max-w-80>
-      <v-expansion-panel
-        title="Title"
-        text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima"
-      >
-      </v-expansion-panel>
-    </v-expansion-panels>
-
-    <v-menu
-      open-on-hover
-    >
-      <template v-slot:activator="{ props }">
-        <v-btn
-          color="primary"
-          v-bind="props"
-        >
-          Dropdown
-        </v-btn>
-      </template>
-
-      <v-list>
-        <v-list-item
-          v-for="(item, index) in items"
-          :key="index"
-        >
-          <v-list-item-title>{{ item.title }}</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </v-menu>
-
-    <v-tooltip text="Tooltip">
-      <template v-slot:activator="{ props }">
-        <v-btn v-bind="props">Tooltip</v-btn>
-      </template>
-    </v-tooltip>
-  </div>
-  <v-divider></v-divider>
-  <div flex flex-wrap space-x-2 my-4>
-    <v-checkbox label="Checkbox"></v-checkbox>
-
-    <v-radio-group>
-      <v-radio label="唱" value="1"></v-radio>
-      <v-radio label="跳" value="2"></v-radio>
-      <v-radio label="Rap" value="3"></v-radio>
-    </v-radio-group>
-
-    <v-select
-      label="Select"
-      :items="['唱', '跳', 'Rap', '篮球', 'Music']"
-    ></v-select>
-
-    <v-switch label="哎哟你干嘛~"></v-switch>
-
-    <v-text-field label="厉不厉害你只因哥"></v-text-field>
-
-    <v-btn-toggle
-      color="primary"
-    >
-      <v-btn icon="mdi-format-align-left"></v-btn>
-      <v-btn icon="mdi-format-align-center"></v-btn>
-      <v-btn icon="mdi-format-align-right"></v-btn>
-      <v-btn icon="mdi-format-align-justify"></v-btn>
-    </v-btn-toggle>
-  </div>
-  <v-divider></v-divider>
   <div>
-    <v-card
-      max-width="400"
-      mx-auto mt-2
-    >
-      <v-container>
-        <v-row dense>
-          <v-col cols="12">
-            <v-card
-              color="#385F73"
-              theme="dark"
-            >
-              <v-card-title class="text-h5">
-                Unlimited music now
-              </v-card-title>
-
-              <v-card-subtitle>Listen to your favorite artists and albums whenever and wherever, online and offline.</v-card-subtitle>
-
-              <v-card-actions>
-                <v-btn variant="text">
-                  Listen Now
-                </v-btn>
-              </v-card-actions>
-            </v-card>
-          </v-col>
-
-          <v-col cols="12">
-            <v-card
-              color="#1F7087"
-              theme="dark"
-            >
-              <div class="d-flex flex-no-wrap justify-space-between">
-                <div>
-                  <v-card-title class="text-h5">
-                    Supermodel
-                  </v-card-title>
-
-                  <v-card-subtitle>Foster the People</v-card-subtitle>
-
-                  <v-card-actions>
-                    <v-btn
-                      ms-2
-                      variant="outlined"
-                      size="small"
-                    >
-                      START RADIO
-                    </v-btn>
-                  </v-card-actions>
+    <div flex flex-wrap space-x-2 space-y-2>
+      <v-btn>
+        Button
+      </v-btn>
+
+      <v-col cols="auto">
+        <v-btn density="compact" icon="mdi-plus"></v-btn>
+      </v-col>
+
+      <v-col cols="auto">
+        <v-btn density="comfortable" icon="$vuetify"></v-btn>
+      </v-col>
+
+      <v-col cols="auto">
+        <v-btn density="default" icon="mdi-open-in-new"></v-btn>
+      </v-col>
+
+      <v-chip prepend-icon="$vuetify">
+        Chip
+      </v-chip>
+
+      <v-expansion-panels max-w-80>
+        <v-expansion-panel
+          title="Title"
+          text="Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi, ratione debitis quis est labore voluptatibus! Eaque cupiditate minima"
+        >
+        </v-expansion-panel>
+      </v-expansion-panels>
+
+      <v-menu open-on-hover>
+        <template v-slot:activator="{ props }">
+          <v-btn
+            color="primary"
+            v-bind="props"
+          >
+            Dropdown
+          </v-btn>
+        </template>
+
+        <v-list>
+          <v-list-item
+            v-for="(item, index) in items"
+            :key="index"
+          >
+            <v-list-item-title>{{ item.title }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </v-menu>
+
+      <v-tooltip text="Tooltip">
+        <template v-slot:activator="{ props }">
+          <v-btn v-bind="props">Tooltip</v-btn>
+        </template>
+      </v-tooltip>
+    </div>
+    <v-divider></v-divider>
+    <div flex flex-wrap space-x-2 my-4>
+      <v-checkbox label="Checkbox"></v-checkbox>
+
+      <v-radio-group>
+        <v-radio label="唱" value="1"></v-radio>
+        <v-radio label="跳" value="2"></v-radio>
+        <v-radio label="Rap" value="3"></v-radio>
+      </v-radio-group>
+
+      <v-select
+        label="Select"
+        :items="['唱', '跳', 'Rap', '篮球', 'Music']"
+      ></v-select>
+
+      <v-switch label="哎哟你干嘛~"></v-switch>
+
+      <v-text-field label="厉不厉害你只因哥"></v-text-field>
+
+      <v-btn-toggle color="primary">
+        <v-btn icon="mdi-format-align-left"></v-btn>
+        <v-btn icon="mdi-format-align-center"></v-btn>
+        <v-btn icon="mdi-format-align-right"></v-btn>
+        <v-btn icon="mdi-format-align-justify"></v-btn>
+      </v-btn-toggle>
+    </div>
+    <v-divider></v-divider>
+    <div>
+      <v-card
+        max-width="400"
+        mx-auto mt-2
+      >
+        <v-container>
+          <v-row dense>
+            <v-col cols="12">
+              <v-card
+                color="#385F73"
+                theme="dark"
+              >
+                <v-card-title class="text-h5">
+                  Unlimited music now
+                </v-card-title>
+
+                <v-card-subtitle>Listen to your favorite artists and albums whenever and wherever, online and offline.</v-card-subtitle>
+
+                <v-card-actions>
+                  <v-btn variant="text">
+                    Listen Now
+                  </v-btn>
+                </v-card-actions>
+              </v-card>
+            </v-col>
+
+            <v-col cols="12">
+              <v-card
+                color="#1F7087"
+                theme="dark"
+              >
+                <div class="d-flex flex-no-wrap justify-space-between">
+                  <div>
+                    <v-card-title class="text-h5">
+                      Supermodel
+                    </v-card-title>
+
+                    <v-card-subtitle>Foster the People</v-card-subtitle>
+
+                    <v-card-actions>
+                      <v-btn
+                        ms-2
+                        variant="outlined"
+                        size="small"
+                      >
+                        START RADIO
+                      </v-btn>
+                    </v-card-actions>
+                  </div>
+
+                  <v-avatar
+                    ma-3
+                    size="125"
+                    rounded="0"
+                  >
+                    <v-img src="https://cdn.vuetifyjs.com/images/cards/foster.jpg"></v-img>
+                  </v-avatar>
                 </div>
-
-                <v-avatar
-                  ma-3
-                  size="125"
-                  rounded="0"
-                >
-                  <v-img src="https://cdn.vuetifyjs.com/images/cards/foster.jpg"></v-img>
-                </v-avatar>
-              </div>
-            </v-card>
-          </v-col>
-
-          <v-col cols="12">
-            <v-card
-              color="#952175"
-              theme="dark"
-            >
-              <div class="d-flex flex-no-wrap justify-space-between">
-                <div>
-                  <v-card-title class="text-h5">
-                    Halcyon Days
-                  </v-card-title>
-
-                  <v-card-subtitle>Ellie Goulding</v-card-subtitle>
-
-                  <v-card-actions>
-                    <v-btn
-                      ms-2
-                      icon="mdi-play"
-                      variant="text"
-                    ></v-btn>
-                  </v-card-actions>
+              </v-card>
+            </v-col>
+
+            <v-col cols="12">
+              <v-card
+                color="#952175"
+                theme="dark"
+              >
+                <div class="d-flex flex-no-wrap justify-space-between">
+                  <div>
+                    <v-card-title class="text-h5">
+                      Halcyon Days
+                    </v-card-title>
+
+                    <v-card-subtitle>Ellie Goulding</v-card-subtitle>
+
+                    <v-card-actions>
+                      <v-btn
+                        ms-2
+                        icon="mdi-play"
+                        variant="text"
+                      ></v-btn>
+                    </v-card-actions>
+                  </div>
+
+                  <v-avatar
+                    ma-3
+                    size="125"
+                    rounded="0"
+                  >
+                    <v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png"></v-img>
+                  </v-avatar>
                 </div>
-
-                <v-avatar
-                  ma-3
-                  size="125"
-                  rounded="0"
-                >
-                  <v-img src="https://cdn.vuetifyjs.com/images/cards/halcyon.png"></v-img>
-                </v-avatar>
-              </div>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-container>
-    </v-card>
+              </v-card>
+            </v-col>
+          </v-row>
+        </v-container>
+      </v-card>
+    </div>
   </div>
 </template>