From c7dc2dfafa3f208727d0b4a32ab958208d01ff0b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Wed, 18 Sep 2024 15:09:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A1=B5=E9=9D=A2=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page-settings/index.vue                 | 4 +++-
 src/components/page-settings/page-setting.vue          | 2 +-
 src/components/page-settings/page-styles.vue           | 6 +++---
 src/views/layout/components/main/default/header-nav.ts | 2 +-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/page-settings/index.vue b/src/components/page-settings/index.vue
index 6308e9de..abb341b2 100644
--- a/src/components/page-settings/index.vue
+++ b/src/components/page-settings/index.vue
@@ -28,7 +28,7 @@
                             </div>
                         </template>
                     </div>
-                    <div class="flex-row align-c" :class="'gap-' + new_style.img_space">
+                    <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>
@@ -41,6 +41,8 @@
 </template>
 <script setup lang="ts">
 import { background_computer, gradient_computer } from '@/utils';
+import { isEmpty } from 'lodash';
+
 interface Props {
     pageData: any;
     showPage: boolean;
diff --git a/src/components/page-settings/page-setting.vue b/src/components/page-settings/page-setting.vue
index 3e16b849..ea4ced02 100644
--- a/src/components/page-settings/page-setting.vue
+++ b/src/components/page-settings/page-setting.vue
@@ -51,7 +51,7 @@ const default_data = {
             radius_bottom_left: 16,
             radius_bottom_right: 16,
         },
-        img_size: '18',
+        img_size: '23',
         img_space: '15',
         tips_color: '#ccc',
         hot_words_color: '#000',
diff --git a/src/components/page-settings/page-styles.vue b/src/components/page-settings/page-styles.vue
index 169b64e9..f016f2d7 100644
--- a/src/components/page-settings/page-styles.vue
+++ b/src/components/page-settings/page-styles.vue
@@ -63,9 +63,9 @@
                 </el-form-item>
                 <el-form-item label="图标间距">
                     <el-radio-group v-model="form.img_space">
-                        <el-radio value="35">大</el-radio>
-                        <el-radio value="25">中</el-radio>
-                        <el-radio value="15">小</el-radio>
+                        <el-radio value="25">大</el-radio>
+                        <el-radio value="15">中</el-radio>
+                        <el-radio value="10">小</el-radio>
                     </el-radio-group>
                 </el-form-item>
             </card-container>
diff --git a/src/views/layout/components/main/default/header-nav.ts b/src/views/layout/components/main/default/header-nav.ts
index d8ac1c09..1e680d26 100644
--- a/src/views/layout/components/main/default/header-nav.ts
+++ b/src/views/layout/components/main/default/header-nav.ts
@@ -113,7 +113,7 @@ const defaultFooterNav: DefaultFooterNav = {
             radius_bottom_left: 16,
             radius_bottom_right: 16,
         },
-        img_size: '18',
+        img_size: '23',
         img_space: '15',
         tips_color: '#ccc',
         hot_words_color: '#000',