fix bug

src/page/index/top/index.vue

@@ -161,7 +161,7 @@ export default {
         roleId: '',
       },
       userOption: {
-        labelWidth: 70,
+        labelWidth: 'auto',
         submitBtn: true,
         emptyBtn: false,
         submitText: '切 换',

src/page/index/top/top-color.vue

@@ -9,6 +9,8 @@
 
 <script>
 import { mapGetters } from 'vuex'; // default color
+const DEFAULT_PRIMARY_COLOR = '#409eff';
+
 export default {
   name: 'topColor',
   data() {
@@ -17,7 +19,7 @@ export default {
     };
   },
   created() {
-    this.themeVal = this.colorName || '#2C77F1';
+    this.themeVal = this.colorName || DEFAULT_PRIMARY_COLOR;
   },
   watch: {
     themeVal(val, oldVal) {
@@ -69,6 +71,7 @@ export default {
           `${this.getLightColor(e, i / 10)}`
         );
       }
+      document.documentElement.style.setProperty(`${pre}-dark-2`, `${this.getDarkColor(e, 0.2)}`);
     },
   },
 };

src/page/index/top/top-lock.vue

@@ -2,7 +2,7 @@
   <span v-if="text" @click="handleLock">{{ text }}</span>
   <i v-else class="icon-suoping" @click="handleLock"></i>
   <el-dialog title="设置锁屏密码" v-model="box" width="30%" append-to-body>
-    <el-form :model="form" ref="form" label-width="80px">
+    <el-form :model="form" ref="form" label-width="auto">
       <el-form-item
         label="锁屏密码"
         prop="passwd"

src/page/index/top/top-menu.vue

@@ -2,7 +2,7 @@
   <el-menu class="top-menu" :default-active="activeIndex" mode="horizontal" text-color="#333">
     <el-menu-item index="0" @click="openHome">
       <template #title>
-        <i :class="itemHome.source" style="padding-right: 5px"></i>
+        <i v-if="itemHome.source" :class="itemHome.source" style="padding-right: 5px"></i>
         <span>{{ itemHome.name }}</span>
       </template>
     </el-menu-item>
@@ -10,7 +10,7 @@
     <template v-for="(item, index) in items" :key="index">
       <el-menu-item :index="item.id + ''" @click="openMenu(item)">
         <template #title>
-          <i :class="item.source" style="padding-right: 5px"></i>
+          <i v-if="item.source" :class="item.source" style="padding-right: 5px"></i>
           <span>{{ item.name }}</span>
         </template>
       </el-menu-item>

src/page/index/top/top-search.vue

@@ -8,7 +8,7 @@
     @select="handleSelect"
   >
     <template #="{ item }">
-      <i :class="[item[iconKey], 'icon']"></i>
+      <i v-if="item[iconKey]" :class="[item[iconKey], 'icon']"></i>
       <div class="name">{{ item[labelKey] }}</div>
       <div class="addr">{{ item[pathKey] }}</div>
     </template>