fix bug

src/page/index/logo.vue

@@ -30,12 +30,10 @@ export default {
 </script>
 <style scoped>
 .logo-title {
-  font-size: 16px;
-  background-image: linear-gradient(120deg, #54b6d0 16%, #3f8bdb, #2c77f1);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
+  font-size: 20px;
+  color: #fff;
   font-weight: 700;
-  padding-left: 30px;
+  padding-left: 4px;
 }
 .logo-img {
   width: 40px;

src/page/index/search.vue

@@ -20,7 +20,7 @@
             :key="index"
             @click="handleSelect(item)"
           >
-            <i :class="[item[iconKey], 'avue-searchs__item-icon']"></i>
+            <i v-if="item[iconKey]" :class="[item[iconKey], 'avue-searchs__item-icon']"></i>
             <span class="avue-searchs__item-title">{{ item[labelKey] }}</span>
             <div class="avue-searchs__item-path">
               {{ item[pathKey] }}

src/page/index/sidebar/sidebarItem.vue

@@ -6,7 +6,7 @@
       @click="open(item)"
       :key="item[labelKey]"
     >
-      <i :class="item[iconKey]"></i>
+      <i v-if="item[iconKey]" :class="item[iconKey]"></i>
       <template #title>
         <span :alt="item[pathKey]">{{ getTitle(item) }}</span>
       </template>
@@ -17,7 +17,7 @@
       :key="item[labelKey]"
     >
       <template #title>
-        <i :class="item[iconKey]"></i>
+        <i v-if="item[iconKey]" :class="item[iconKey]"></i>
         <span>{{ getTitle(item) }}</span>
       </template>
       <template v-for="(child, cindex) in item[childrenKey]" :key="child[labelKey]">
@@ -26,7 +26,7 @@
           @click="open(child)"
           v-if="validatenull(child[childrenKey])"
         >
-          <i :class="child[iconKey]"></i>
+          <i v-if="child[iconKey]" :class="child[iconKey]"></i>
           <template #title>
             <span>{{ getTitle(child) }}</span>
           </template>

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>