From eb9f563bcdb039e5246877acd04ac97edd602280 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Fri, 11 Oct 2024 10:48:59 +0800
Subject: [PATCH] =?UTF-8?q?1.=E8=AE=BE=E7=BD=AE=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E7=9A=84=E9=BB=98=E8=AE=A4=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page-settings/index.vue       | 2 +-
 src/components/page-settings/page-styles.vue | 3 +++
 src/config/const/header-nav.ts               | 2 ++
 3 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/page-settings/index.vue b/src/components/page-settings/index.vue
index a9e761d8..c823b1a3 100644
--- a/src/components/page-settings/index.vue
+++ b/src/components/page-settings/index.vue
@@ -39,7 +39,7 @@
                         <div v-if="!isEmpty(form.icon_setting)" class="flex-row align-c" :class="'gap-' + new_style.img_space">
                             <div v-for="(item, index) in form.icon_setting" :key="index" :style="{ width: new_style.img_size + 'px', height: new_style.img_size + 'px' }">
                                 <image-empty v-if="item.img.length > 0" v-model="item.img[0]" :error-img-style="'width: ' + Number(new_style.img_size) / 2 + 'px;height:' + Number(new_style.img_size) / 2 + 'px;'"></image-empty>
-                                <icon v-else :name="item.icon" :size="new_style.img_size + ''" color="6"></icon>
+                                <icon v-else :name="item.icon" :size="new_style.img_size + ''" :color="new_style.img_color"></icon>
                             </div>
                         </div>
                     </div>
diff --git a/src/components/page-settings/page-styles.vue b/src/components/page-settings/page-styles.vue
index 0d3a23ca..5bc16244 100644
--- a/src/components/page-settings/page-styles.vue
+++ b/src/components/page-settings/page-styles.vue
@@ -67,6 +67,9 @@
                         <el-radio value="10">小</el-radio>
                     </el-radio-group>
                 </el-form-item>
+                <el-form-item label="图标颜色">
+                    <color-picker v-model="form.img_color" default-color="#666"></color-picker>
+                </el-form-item>
             </card-container>
         </el-form>
         <template v-if="['3', '5'].includes(content.theme)">
diff --git a/src/config/const/header-nav.ts b/src/config/const/header-nav.ts
index 89495199..96611fcd 100644
--- a/src/config/const/header-nav.ts
+++ b/src/config/const/header-nav.ts
@@ -55,6 +55,7 @@ interface DefaultFooterNav {
         search_button_radius: object;
         img_size: string;
         img_space: string;
+        img_color: string;
         tips_color: string;
         hot_words_color: string;
         search_border: string;
@@ -121,6 +122,7 @@ const defaultFooterNav: DefaultFooterNav = {
         },
         img_size: '23',
         img_space: '15',
+        img_color: '#666',
         tips_color: '#ccc',
         hot_words_color: '#000',
         search_border: '#E4E4E4',