From d58b6d7cfb1de70b34cf2b7fc820670cefaf7069 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Sat, 12 Oct 2024 10:24:48 +0800
Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/upload-icon/index.vue          |  2 +-
 src/components/model-carousel/index.vue              | 12 +++++++++---
 .../model-carousel/model-carousel-content.vue        |  2 +-
 src/components/model-custom/components/index.vue     |  2 ++
 .../model-data-magic/components/tabs-content.vue     |  2 +-
 src/components/page-settings/index.vue               |  2 +-
 src/components/page-settings/page-styles.vue         |  6 +++++-
 7 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/components/common/upload-icon/index.vue b/src/components/common/upload-icon/index.vue
index 06a9ac8b..450de17b 100644
--- a/src/components/common/upload-icon/index.vue
+++ b/src/components/common/upload-icon/index.vue
@@ -17,7 +17,7 @@
     </el-dialog>
     <div class="search-icon re" :style="'height:' + upload_size + ';width:' + upload_size + ';'" @click="icon_click">
         <icon :name="!isEmpty(icon_class) ? icon_class : 'add'" :size="Number(size) / 2 + ''" color="c"></icon>
-        <el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
+        <el-icon v-if="!isEmpty(icon_class)" class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click.stop="remove_icon" />
     </div>
 </template>
 <script setup lang="ts">
diff --git a/src/components/model-carousel/index.vue b/src/components/model-carousel/index.vue
index b16f615b..fd5294da 100644
--- a/src/components/model-carousel/index.vue
+++ b/src/components/model-carousel/index.vue
@@ -27,7 +27,7 @@
                 >
                     <swiper-slide v-for="(item, index) in form.carousel_list" :key="index">
                         <div class="item-image flex align-c w h re" :style="img_style">
-                            <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit" error-style="width:5rem;height:5rem"></image-empty>
+                            <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
                             <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
                                 <template v-if="new_style.video_type == 'img'">
                                     <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
@@ -41,7 +41,7 @@
                     </swiper-slide>
                     <swiper-slide v-for="(item, index1) in seat_list" :key="index1">
                         <div class="item-image flex align-c w h re" :style="img_style">
-                            <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit" error-style="width:5rem;height:5rem"></image-empty>
+                            <image-empty v-model="item.carousel_img[0]" :style="img_style" :fit="img_fit"></image-empty>
                             <div v-if="new_style.video_is_show == '1' && item.carousel_video.length > 0" :class="{'x-middle': new_style.video_location == 'center', 'right-0': new_style.video_location == 'flex-end' }" class="z-deep video-class flex-row abs gap-10 align-c oh" :style="video_style">
                                 <template v-if="new_style.video_type == 'img'">
                                     <image-empty v-model="new_style.video_img[0]" class="video_img" error-img-style="width: 1.4rem;height: 1.4rem;" />
@@ -307,10 +307,16 @@ const slideChange = (swiper: { realIndex: number }) => {
 
 :deep(.swiper-slide) {
     .item-image {
-        background: #F8FDFF;
         height: v-bind(newHeight);
     }
 }
+:deep(.el-image) {
+    height: 100%;
+    width: 100%;
+    .image-slot img {
+        width: 5rem;
+    }
+}
 .video_img {
     max-width: 6rem;
     height: 1.4rem;
diff --git a/src/components/model-carousel/model-carousel-content.vue b/src/components/model-carousel/model-carousel-content.vue
index 7c3a631e..1f985810 100644
--- a/src/components/model-carousel/model-carousel-content.vue
+++ b/src/components/model-carousel/model-carousel-content.vue
@@ -49,7 +49,7 @@
                                 <el-input v-model="item.video_title" placeholder="请输入视频按钮名称" clearable></el-input>
                             </el-form-item>
                         </div>
-                        <el-icon class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
+                        <el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="remove(index)" />
                     </div>
                 </div>
                 <el-button class="mt-20 mb-20 w" @click="add">+添加</el-button>
diff --git a/src/components/model-custom/components/index.vue b/src/components/model-custom/components/index.vue
index 36928207..14f5ae51 100644
--- a/src/components/model-custom/components/index.vue
+++ b/src/components/model-custom/components/index.vue
@@ -629,6 +629,7 @@ const data_handling = (x: number, y: number) => {
                 // Y轴不小于0 并且不大于容器高度
                 if (isWithinBounds(item.location.y + y, item.com_data.com_height, center_height.value)) {
                     item.location.y += y;
+                    item.location.staging_y += y;
                 }
             }
         });
@@ -643,6 +644,7 @@ const data_handling = (x: number, y: number) => {
                 // Y轴不小于0 并且不大于容器高度
                 if (isWithinBounds(item.location.y + y, item.com_data.com_height, center_height.value)) {
                     item.location.y += y;
+                    item.location.staging_y += y;
                 }
             }
         });
diff --git a/src/components/model-data-magic/components/tabs-content.vue b/src/components/model-data-magic/components/tabs-content.vue
index cd5817d5..09ff62c5 100644
--- a/src/components/model-data-magic/components/tabs-content.vue
+++ b/src/components/model-data-magic/components/tabs-content.vue
@@ -29,7 +29,7 @@
                             <url-value v-model="item.carousel_link"></url-value>
                         </el-form-item>
                     </div>
-                    <el-icon class="iconfont icon-close-o size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
+                    <el-icon class="iconfont icon-close-o1 size-16 abs cr-c top-de-5 right-de-5" @click="img_remove(index)" />
                 </div>
             </div>
             <el-button class="mt-20 mb-20 w" @click="img_add">+添加</el-button>
diff --git a/src/components/page-settings/index.vue b/src/components/page-settings/index.vue
index 4cdce095..4d39cd0f 100644
--- a/src/components/page-settings/index.vue
+++ b/src/components/page-settings/index.vue
@@ -126,8 +126,8 @@ const position_class = computed(() => (form.value?.indicator_location == 'center
     left: 50%;
     z-index: 3;
     transform: translateX(-50%);
+    width: 39rem;
     .roll {
-        width: 39rem;
         padding-bottom: 0.9rem;
         margin: 0 auto;
         cursor: pointer;
diff --git a/src/components/page-settings/page-styles.vue b/src/components/page-settings/page-styles.vue
index 1ce6b6d4..d25fc6b5 100644
--- a/src/components/page-settings/page-styles.vue
+++ b/src/components/page-settings/page-styles.vue
@@ -109,7 +109,11 @@ const state = reactive({
 });
 // 如果需要解构，确保使用toRefs
 const { form, search_content } = toRefs(state);
-console.log(form);
+// 监听属性变化 
+watchEffect(() => {
+    form.value = props.value;
+    search_content.value = props.content;
+});
 
 const header_background_type_change_event = (val: any) => {
     if (val === 'color_image') {

From 541de824ffe2f63bcbb8a04175a91aa64a6849d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Sat, 12 Oct 2024 10:26:18 +0800
Subject: [PATCH 2/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=8F=90=E7=A4=BA?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../model-article-tabs/model-article-tabs-content.vue           | 2 +-
 src/components/model-goods-tabs/model-goods-tabs-content.vue    | 2 +-
 src/components/page-settings/page-styles.vue                    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/model-article-tabs/model-article-tabs-content.vue b/src/components/model-article-tabs/model-article-tabs-content.vue
index d92a5673..0994458f 100644
--- a/src/components/model-article-tabs/model-article-tabs-content.vue
+++ b/src/components/model-article-tabs/model-article-tabs-content.vue
@@ -7,7 +7,7 @@
                     <div class="flex-row align-c gap-10">
                         <el-switch v-model="form.tabs_top_up" active-value="1" inactive-value="0" :disabled="is_immersion_model" />
                         <el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时，选项卡置顶功能禁用</span>" raw-content placement="top">
-                            <icon name="miaosha-hdgz" size="16"></icon>
+                            <icon name="miaosha-hdgz" size="12" color="#999"></icon>
                         </el-tooltip>
                     </div>
                 </el-form-item>
diff --git a/src/components/model-goods-tabs/model-goods-tabs-content.vue b/src/components/model-goods-tabs/model-goods-tabs-content.vue
index 0363e94b..a2ada014 100644
--- a/src/components/model-goods-tabs/model-goods-tabs-content.vue
+++ b/src/components/model-goods-tabs/model-goods-tabs-content.vue
@@ -7,7 +7,7 @@
                     <div class="flex-row align-c gap-10">
                         <el-switch v-model="form.tabs_top_up" active-value="1" inactive-value="0" :disabled="is_immersion_model"/>
                         <el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时，选项卡置顶功能禁用</span>" raw-content placement="top">
-                            <icon name="miaosha-hdgz" size="16"></icon>
+                            <icon name="miaosha-hdgz" size="12" color="#999"></icon>
                         </el-tooltip>
                     </div>
                 </el-form-item>
diff --git a/src/components/page-settings/page-styles.vue b/src/components/page-settings/page-styles.vue
index d25fc6b5..799fd651 100644
--- a/src/components/page-settings/page-styles.vue
+++ b/src/components/page-settings/page-styles.vue
@@ -35,7 +35,7 @@
                     <div class="flex-row align-c gap-10">
                         <el-switch v-model="form.immersive_style" active-value="1" inactive-value="0" :disabled="is_have_tabs" @change="change_immersive_style"></el-switch>
                         <el-tooltip effect="dark" :show-after="200" :hide-after="200" content="<span>开启沉浸样式时，不可添加选项卡和选项卡轮播。<br/>并且商品选项卡和文章选项卡的选项卡置顶功能禁用</span>" raw-content placement="top">
-                            <icon name="miaosha-hdgz" size="16"></icon>
+                            <icon name="miaosha-hdgz" size="12" color="#999"></icon>
                         </el-tooltip>
                     </div>
                 </el-form-item>

From 47beeb79a0bf69ebe1a0b94b87ebbea4bf87056d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Sat, 12 Oct 2024 10:38:57 +0800
Subject: [PATCH 3/3] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/model-search/model-search-content.vue | 2 +-
 src/config/const/header-nav.ts                       | 4 ++--
 src/config/const/search.ts                           | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/model-search/model-search-content.vue b/src/components/model-search/model-search-content.vue
index bfe821d4..69d36b7e 100644
--- a/src/components/model-search/model-search-content.vue
+++ b/src/components/model-search/model-search-content.vue
@@ -14,7 +14,7 @@
                             </el-col>
                         </el-row>
                         <el-row class="mt-10 w">
-                            <el-col :span="24"><url-value v-model="form.icon_src"></url-value></el-col>
+                            <el-col :span="24"><url-value v-model="form.icon_link"></url-value></el-col>
                         </el-row>
                     </template>
                 </el-form-item>
diff --git a/src/config/const/header-nav.ts b/src/config/const/header-nav.ts
index 50c2ba8a..2bec8eeb 100644
--- a/src/config/const/header-nav.ts
+++ b/src/config/const/header-nav.ts
@@ -18,7 +18,7 @@ interface DefaultFooterNav {
         is_arrows_show: string;
         is_center: string;
         is_icon_show: string;
-        icon_src: object;
+        icon_link: object;
         icon_img: uploadList[];
         icon_class: string;
         search_botton_img: uploadList[];
@@ -76,7 +76,7 @@ const defaultFooterNav: DefaultFooterNav = {
         is_arrows_show: '1',
         is_center: '0',
         is_icon_show: '1',
-        icon_src: {},
+        icon_link: {},
         icon_img: [],
         icon_class: '',
         search_botton_img: [],
diff --git a/src/config/const/search.ts b/src/config/const/search.ts
index 98fe7b15..50ab8d36 100644
--- a/src/config/const/search.ts
+++ b/src/config/const/search.ts
@@ -9,7 +9,7 @@ interface defaultSearch {
     content: {
         is_center: string;
         is_icon_show: string;
-        icon_src: object;
+        icon_link: object;
         icon_img: uploadList[];
         icon_class: string;
         search_botton_img: uploadList[];
@@ -40,7 +40,7 @@ const defaultSearch: defaultSearch = {
     content: {
         is_center: '0',
         is_icon_show: '1',
-        icon_src: {},
+        icon_link: {},
         icon_img: [],
         icon_class: '',
         search_botton_img: [],