优化用户配置样式

src/pages/Index/Settings/Device.vue

@@ -326,7 +326,7 @@ onUnmounted(() => {
 <style scoped lang="less">
 .device-management {
   width: 100%;
-  height: 90vh;
+  height: 91.5vh;
   padding: 20px;
   box-sizing: border-box;
   background-color: #f5f7fa;

src/pages/Index/Settings/Lis.vue

@@ -310,7 +310,7 @@ onUnmounted(() => {
 .lis-setting {
   background-color: #f5f7fa;
   width: 100%;
-  height: 90vh;
+  height: 91.5vh;
   box-sizing: border-box;
   padding: 20px;
   display: flex;

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>
 

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;

src/pages/Index/Settings/Version.vue

@@ -44,7 +44,7 @@ onActivated(() => {
 .version-setting {
   background-color: #f5f7fa;
   width: 100%;
-  height: 90vh;
+  height: 91.5h;
   box-sizing: border-box;
   padding: 20px;
   display: flex;