系统主题增加自定义配置

src/components/core/GlobalHeader.vue

@@ -145,14 +145,21 @@ const handleSelect = (menu: any) => {
       </div>
       <div class="flex items-center">
         <el-button link @click="searchVisible = true">
-          <icon-search :size="iconSize" :fill="headerStyle.color" />
+          <el-icon :size="iconSize" :fill="headerStyle.color">
+            <Search />
+          </el-icon>
         </el-button>
         <el-button link @click="toggleScreen">
-          <icon-off-screen :size="iconSize" :fill="headerStyle.color" v-if="isFullscreen" />
-          <icon-full-screen :size="iconSize" :fill="headerStyle.color" v-else />
+          <!-- <icon-off-screen :size="iconSize" :fill="headerStyle.color" v-if="isFullscreen" />
+          <icon-full-screen :size="iconSize" :fill="headerStyle.color" v-else /> -->
+          <el-icon :size="iconSize" :fill="headerStyle.color">
+            <FullScreen />
+          </el-icon>
         </el-button>
         <el-button link @click="settingVisible = true">
-          <icon-setting-two :size="iconSize" :fill="headerStyle.color" />
+          <el-icon :size="iconSize" :fill="headerStyle.color">
+            <Operation />
+          </el-icon>
         </el-button>
         <!-- <el-button link  @click="newsVisible = true">
           <icon-remind :size="iconSize" :fill="headerStyle.color" />

src/components/core/GlobalSetting.vue

@@ -58,6 +58,11 @@ const themeNav = computed(() => themeStore.themeNav)
       >
         <el-icon size="22" color="#fff" v-if="themeColor === item"><icon-check></icon-check></el-icon>
       </div>
+      <el-color-picker
+        :model-value="themeColor"
+        :predefine="themeColors"
+        @change="value => themeStore.setThemeColor(value as string)"
+      />
     </el-space>
 
     <el-divider>导航栏模式</el-divider>