From 41e003f6ba093386de204399200bbbf0594bbff5 Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Fri, 11 Oct 2024 13:52:48 +0800
Subject: [PATCH] =?UTF-8?q?1.=E5=AF=BC=E8=88=AA=E7=BB=84=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E5=A4=A7=E5=B0=8F=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-nav-group/index.ts                |  1 +
 src/components/model-nav-group/index.vue               | 10 ++++++----
 .../model-nav-group/model-nav-group-styles.vue         |  4 ++++
 src/config/const/nav-group.ts                          |  2 ++
 4 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/model-nav-group/index.ts b/src/components/model-nav-group/index.ts
index 5f3738ce..cc17aad0 100644
--- a/src/components/model-nav-group/index.ts
+++ b/src/components/model-nav-group/index.ts
@@ -15,6 +15,7 @@ interface nav_group_content {
 
 interface nav_group_styles {
     space: number;
+    img_size: number;
     radius: number;
     radius_top_left: number;
     radius_top_right: number;
diff --git a/src/components/model-nav-group/index.vue b/src/components/model-nav-group/index.vue
index 6331d876..e9da1845 100644
--- a/src/components/model-nav-group/index.vue
+++ b/src/components/model-nav-group/index.vue
@@ -104,6 +104,8 @@ onMounted(() => {
         newHeight.value = bannerImg.value[0].clientHeight + 'px';
     };
 });
+// 导航图片大小
+const img_size = computed(() => (new_style.value?.img_size || '0') + 'px');
 // 每个导航所占位置
 const group_width = computed(() => `${100 / (form.value.single_line || 4)}%`);
 // 是否显示文字和图片
@@ -169,12 +171,12 @@ const carousel_change = (index: number) => {
 </script>
 <style lang="scss" scoped>
 .top-img {
-    height: 3.6rem;
-    width: 3.6rem;
+    height: v-bind(img_size);
+    width: v-bind(img_size);
     border-radius: 4px;
     :deep(.image-slot) {
-        height: 3.6rem;
-        width: 3.6rem;
+        height: v-bind(img_size);
+        width: v-bind(img_size);
         img {
             width: 3.5rem;
             height: 3.5rem;
diff --git a/src/components/model-nav-group/model-nav-group-styles.vue b/src/components/model-nav-group/model-nav-group-styles.vue
index c4c73580..992a82e2 100644
--- a/src/components/model-nav-group/model-nav-group-styles.vue
+++ b/src/components/model-nav-group/model-nav-group-styles.vue
@@ -12,6 +12,9 @@
                 <el-form-item label="圆角">
                     <radius :value="form" @update:value="radius_change"></radius>
                 </el-form-item>
+                <el-form-item label="大小">
+                    <slider v-model="form.img_size" :max="100"></slider>
+                </el-form-item>
             </card-container>
             <div class="divider-line"></div>
             <template v-if="display_style_show">
@@ -56,6 +59,7 @@ interface Props {
 const props = withDefaults(defineProps<Props>(), {
     value: () => ({
         space: 0,
+        img_size: 0,
         radius: 0,
         radius_top_left: 0,
         radius_top_right: 0,
diff --git a/src/config/const/nav-group.ts b/src/config/const/nav-group.ts
index 57375070..4d430455 100644
--- a/src/config/const/nav-group.ts
+++ b/src/config/const/nav-group.ts
@@ -16,6 +16,7 @@ interface defaultSearch {
     };
     style: {
         space: number;
+        img_size: number;
         radius: number;
         radius_top_left: number;
         radius_top_right: number;
@@ -72,6 +73,7 @@ const defaultSearch: defaultSearch = {
     },
     style: {
         space: 10,
+        img_size: 36,
         radius: 0,
         radius_top_left: 0,
         radius_top_right: 0,