diff --git a/src/pages/Index/Settings/Device.vue b/src/pages/Index/Settings/Device.vue
index c071a3c..0d91e57 100644
--- a/src/pages/Index/Settings/Device.vue
+++ b/src/pages/Index/Settings/Device.vue
@@ -321,7 +321,7 @@ onUnmounted(() => {
 <style scoped lang="less">
 .device-management {
   width: 100%;
-  height: 90vh;
+  height: 91.5vh;
   padding: 20px;
   box-sizing: border-box;
   background-color: #f5f7fa;
diff --git a/src/pages/Index/Settings/Lis.vue b/src/pages/Index/Settings/Lis.vue
index db01465..7e4ac1d 100644
--- a/src/pages/Index/Settings/Lis.vue
+++ b/src/pages/Index/Settings/Lis.vue
@@ -295,7 +295,7 @@ onUnmounted(() => {
 .lis-setting {
   background-color: #f5f7fa;
   width: 100%;
-  height: 90vh;
+  height: 91.5vh;
   box-sizing: border-box;
   padding: 20px;
   display: flex;
diff --git a/src/pages/Index/Settings/NavBar.vue b/src/pages/Index/Settings/NavBar.vue
index 31386e5..ba2d9b2 100644
--- a/src/pages/Index/Settings/NavBar.vue
+++ b/src/pages/Index/Settings/NavBar.vue
@@ -1,12 +1,14 @@
 <template>
   <div class="navbar">
     <!-- 使用 router-link 实现每个导航项的路由切换 -->
-    <router-link v-for="(item, index) in navItems" :key="index" :to="item.route" class="nav-item-link"
-      active-class="active">
-      <div :class="['nav-item', { active: currentRoute === item.route }]" v-if="userSetting(item.id)" @click="setActive(index)">
-        {{ item.label }}
-      </div>
-    </router-link>
+    <template v-for="(item, index) in navItems" :key="index">
+      <router-link  :to="item.route" class="nav-item-link" v-if="userSetting(item.id)"
+        active-class="active">
+        <div :class="['nav-item', { active: currentRoute === item.route }]"  @click="setActive(index)">
+          {{ item.label }}
+        </div>
+      </router-link>
+     </template>
   </div>
 </template>
 
diff --git a/src/pages/Index/Settings/Users.vue b/src/pages/Index/Settings/Users.vue
index d1cccf6..278cc57 100644
--- a/src/pages/Index/Settings/Users.vue
+++ b/src/pages/Index/Settings/Users.vue
@@ -396,7 +396,7 @@ const deleteUserMessage = computed(
 <style scoped lang="less">
 .user-management {
   width: 100%;
-  height: 90vh;
+  height: 91.5vh;
   padding: 20px;
   box-sizing: border-box;
   background-color: #f5f7fa;
diff --git a/src/pages/Index/Settings/Version.vue b/src/pages/Index/Settings/Version.vue
index 118d2c1..261998a 100644
--- a/src/pages/Index/Settings/Version.vue
+++ b/src/pages/Index/Settings/Version.vue
@@ -37,7 +37,7 @@ onMounted(() => {
 .version-setting {
   background-color: #f5f7fa;
   width: 100%;
-  height: 90vh;
+  height: 91.5h;
   box-sizing: border-box;
   padding: 20px;
   display: flex;