From 5faceda67864ed27f4e5681905f52b8704e5f338 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8E=E8=82=96=E7=A3=8A?= <18851179580@163.com>
Date: Tue, 15 Oct 2024 11:53:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9icon=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E5=92=8C=E8=87=AA=E5=AE=9A=E4=B9=89=E7=9A=84=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/diy/article-list.vue               |  4 ++--
 components/diy/carousel.vue                   |  4 ++--
 components/diy/coupon.vue                     |  2 +-
 components/diy/custom.vue                     | 19 ++++++++++---------
 components/diy/diy.vue                        |  4 ++--
 components/diy/goods-list.vue                 |  6 +++---
 components/diy/header.vue                     |  4 ++--
 components/diy/modules/custom/model-icon.vue  |  2 +-
 components/diy/modules/custom/model-lines.vue |  2 +-
 components/diy/modules/hot-word-list.vue      |  2 +-
 components/diy/modules/tabs-view.vue          |  6 +++---
 components/diy/notice.vue                     |  8 ++++----
 components/diy/search.vue                     |  4 ++--
 components/diy/seckill.vue                    |  6 +++---
 components/diy/title.vue                      |  4 ++--
 components/diy/user-info.vue                  |  2 +-
 16 files changed, 40 insertions(+), 39 deletions(-)

diff --git a/components/diy/article-list.vue b/components/diy/article-list.vue
index 25a113cf..75dc0b96 100644
--- a/components/diy/article-list.vue
+++ b/components/diy/article-list.vue
@@ -18,7 +18,7 @@
                             <view class="flex-row jc-sb gap-8" :class="article_theme == '3' ? 'margin-left' : 'align-e margin-top'">
                                 <view :style="article_date">{{ field_show.includes('0') ? item.data.add_time : '' }}</view>
                                 <view v-show="field_show.includes('1')" class="flex-row align-c gap-3" :style="article_page_view">
-                                    <iconfont name="icon-eye"></iconfont>
+                                    <iconfont name="icon-eye" propContainerDisplay="flex"></iconfont>
                                     <view>
                                         {{ item.data.access_count ? item.data.access_count : '' }}
                                     </view>
@@ -42,7 +42,7 @@
                                     <view class="flex-row jc-sb gap-8 align-e margin-top">
                                         <view :style="article_date">{{ field_show.includes('0') ? item.data.add_time : '' }}</view>
                                         <view v-show="field_show.includes('1')" class="flex-row align-c gap-3" :style="article_page_view">
-                                            <iconfont name="icon-eye"></iconfont>
+                                            <iconfont name="icon-eye" propContainerDisplay="flex"></iconfont>
                                             <view>
                                                 {{ item.data.access_count ? item.data.access_count : '' }}
                                             </view>
diff --git a/components/diy/carousel.vue b/components/diy/carousel.vue
index 38736fb6..972f2687 100644
--- a/components/diy/carousel.vue
+++ b/components/diy/carousel.vue
@@ -14,7 +14,7 @@
                                 </view>
                             </block>
                             <block v-else>
-                                <iconfont :name="!isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang'" size="'28rpx'" :color="new_style.video_icon_color"></iconfont>
+                                <iconfont :name="!isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang'" size="'28rpx'" :color="new_style.video_icon_color" propContainerDisplay="flex"></iconfont>
                             </block>
                             <text v-if="!isEmpty(item.video_title)" :style="{ color: new_style.video_title_color, 'font-size': new_style.video_title_size * 2 + 'rpx', 'text-wrap': 'nowrap' }">{{ item.video_title }}</text>
                         </view>
@@ -32,7 +32,7 @@
                                 </view>
                             </block>
                             <block v-else>
-                                <iconfont :name="!isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang'" size="'28rpx'" :color="new_style.video_icon_color"></iconfont>
+                                <iconfont :name="!isEmpty(new_style.video_icon_class) ? 'icon-' + new_style.video_icon_class : 'icon-bofang'" size="'28rpx'" :color="new_style.video_icon_color" propContainerDisplay="flex"></iconfont>
                             </block>
                             <text v-if="!isEmpty(item.video_title)" :style="{ color: new_style.video_title_color, 'font-size': new_style.video_title_size * 2 + 'rpx', 'text-wrap': 'nowrap' }">{{ item.video_title }}</text>
                         </view>
diff --git a/components/diy/coupon.vue b/components/diy/coupon.vue
index fc5dccdd..6bf8e03e 100644
--- a/components/diy/coupon.vue
+++ b/components/diy/coupon.vue
@@ -55,7 +55,7 @@
                                 <div class="right-before" :style="'background: ' + theme_style.background"></div>
                                 <view class="coupon-btn" :class="[0, 3].includes(item.status_type) ? '' : 'btn-already'" :style="'color:' + theme_style.btn_color" :data-value="home_page_url" :data-type="item.status_type" :data-index="index" :data-id="item.id" @tap="receive_event">
                                     <text class="text">{{ item.status_operable_name }}</text>
-                                    <iconfont name="icon-arrow-right-round" class="icon"></iconfont>
+                                    <iconfont name="icon-arrow-right-round" class="icon" propContainerDisplay="flex"></iconfont>
                                 </view>
                             </view>
                         </view>
diff --git a/components/diy/custom.vue b/components/diy/custom.vue
index 1f4d1242..4eb83b51 100644
--- a/components/diy/custom.vue
+++ b/components/diy/custom.vue
@@ -2,8 +2,7 @@
     <view :style="style_container + 'height:' + form.height * scale + 'px;'">
         <view class="custom-container wh-auto ht-auto" :style="style_img_container">
             <view class="wh-auto ht-auto pr">
-                <view v-for="item in form.custom_list" :key="item.id" class="main-content"
-                    :style="{ left: get_percentage_count(item.location.x, div_width), top: get_percentage_count(item.location.y, div_height), width: get_percentage_count(item.com_data.com_width, div_width), height: get_percentage_count(item.com_data.com_height, div_height) }">
+                <view v-for="(item, index) in form.custom_list" :key="item.id" class="main-content" :style="{ 'left': get_percentage_count(item.location.x, div_width), 'top': get_percentage_count(item.location.y, div_height), 'width': get_percentage_count(item.com_data.com_width, div_width), 'height': get_percentage_count(item.com_data.com_height, div_height), 'z-index': custom_list_length > 0 ? custom_list_length - index : 0 }">
                     <template v-if="item.key == 'text'">
                         <model-text :propkey="propkey" :propValue="item.com_data" :propScale="scale" :propSourceList="form.data_source_content" @url_event="url_event"></model-text>
                     </template>
@@ -63,6 +62,7 @@ export default {
             style_img_container: '',
             div_width: 0,
             div_height: 0,
+            custom_list_length: 0,
         };
     },
     computed: {
@@ -84,10 +84,8 @@ export default {
     methods: {
         percentage_count,
         init() {
-            this.setData({
-                form: this.propValue.content,
-                new_style: this.propValue.style,
-            });
+            const new_form = this.propValue.content;
+            const new_style = this.propValue.style;
             this.$nextTick(() => {
                 const query = uni.createSelectorQuery().in(this);
                 query
@@ -103,9 +101,12 @@ export default {
                     .exec();
             });
             this.setData({
-                style_container: common_styles_computer(this.new_style.common_style) + 'box-sizing: border-box;', // 用于样式显示
-                style_img_container: common_img_computer(this.new_style.common_style),
-                div_height: this.form.height,
+                form: new_form,
+                new_style: new_style,
+                custom_list_length: new_form.custom_list.length - 1,
+                style_container: common_styles_computer(new_style.common_style) + 'box-sizing: border-box;', // 用于样式显示
+                style_img_container: common_img_computer(new_style.common_style),
+                div_height: new_form.height,
             });
         },
         url_event(e) {
diff --git a/components/diy/diy.vue b/components/diy/diy.vue
index 04a36b89..0a781544 100644
--- a/components/diy/diy.vue
+++ b/components/diy/diy.vue
@@ -69,7 +69,7 @@
                         <uni-popup ref="popup" type="center" border-radius="20rpx" :mask-click="false">
                             <view class="flex-col align-c jc-c gap-10">
                                 <video :src="video_src" id="carousel_video" :autoplay="true" :controls="true" :loop="true" show-fullscreen-btn class="radius-md" :style="{ width: popup_width, height: popup_height }"></video>
-                                <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" @tap="video_close"></iconfont>
+                                <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" propContainerDisplay="flex" @tap="video_close"></iconfont>
                             </view>
                         </uni-popup>
                     </view>
@@ -85,7 +85,7 @@
                                         </view>
                                     </view>
                                 </view>
-                                <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" @tap="search_close"></iconfont>
+                                <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" propContainerDisplay="flex" @tap="search_close"></iconfont>
                             </view>
                         </uni-popup>
                     </view>
diff --git a/components/diy/goods-list.vue b/components/diy/goods-list.vue
index 1a5b595c..6887f433 100644
--- a/components/diy/goods-list.vue
+++ b/components/diy/goods-list.vue
@@ -60,7 +60,7 @@
                                                 <view class="plr-11 padding-vertical-xs round" :style="button_style + ('color:' + new_style.shop_button_text_color)">{{ form.shop_button_text }}</view>
                                             </block>
                                             <view v-else class="round padding-horizontal-sm ptb-5" :style="button_gradient">
-                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'"></iconfont>
+                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                                             </view>
                                             <view v-if="form.shop_button_effect == '1'" class="cart-badge-icon pa badge-style">
                                                 <component-badge :propNumber="item.user_cart_count || 0"></component-badge>
@@ -90,7 +90,7 @@
                                             <view class="plr-11 padding-vertical-xs round" :style="button_style + ('color:' + new_style.shop_button_text_color)">{{ form.shop_button_text }}</view>
                                         </block>
                                         <view v-else class="round padding-horizontal-sm ptb-5" :style="button_gradient">
-                                            <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'"></iconfont>
+                                            <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                                         </view>
                                         <view v-if="form.shop_button_effect == '1'" class="cart-badge-icon pa badge-style">
                                             <component-badge :propNumber="item.user_cart_count || 0"></component-badge>
@@ -142,7 +142,7 @@
                                                 <view class="plr-11 padding-vertical-xs round" :style="button_style + ('color:' + new_style.shop_button_text_color)">{{ form.shop_button_text }}</view>
                                             </block>
                                             <view v-else class="round padding-horizontal-sm ptb-5" :style="button_gradient">
-                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'"></iconfont>
+                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                                             </view>
                                             <view v-if="form.shop_button_effect == '1'" class="cart-badge-icon pa badge-style">
                                                 <component-badge :propNumber="item.user_cart_count || 0"></component-badge>
diff --git a/components/diy/header.vue b/components/diy/header.vue
index dffdb601..7b67744e 100644
--- a/components/diy/header.vue
+++ b/components/diy/header.vue
@@ -12,7 +12,7 @@
                                 <view class="model-head pr flex-row align-c" :style="header_style">
                                     <view class="model-head-content flex-row align-c jc-sb gap-16 wh-auto pr padding-left-main">
                                         <view v-if="!is_tabbar_pages" class="z-i dis-inline-block margin-top-xs" @tap="top_nav_left_back_event">
-                                            <iconfont name="icon-arrow-left" size="40rpx"></iconfont>
+                                            <iconfont name="icon-arrow-left" size="40rpx" propContainerDisplay="flex"></iconfont>
                                         </view>
                                         <view v-if="['1', '2', '3'].includes(form.content.theme)" class="flex-1">
                                             <view class="flex-row align-c jc-c ht-auto gap-16" :class="position_class" :style="text_style + 'justify-content:' + form.content.indicator_location || 'center'">
@@ -42,7 +42,7 @@
                                         <view v-if="!isEmpty(form.content.icon_setting)" class="flex-row align-c padding-right-main z-i" :class="['1'].includes(form.content.theme) ? 'right-0' : ''" :style="{ gap: form.style.img_space * 2 + 'rpx' }">
                                             <view v-for="(item, index) in form.content.icon_setting" :key="index" :style="{ width: form.style.img_size * 2 + 'rpx', height: form.style.img_size * 2 + 'rpx' }" :data-value="item.link.page" @tap="url_event">
                                                 <imageEmpty v-if="item.img.length > 0" :propImageSrc="item.img[0].url" :propErrorStyle="'width: ' + Number(form.style.img_size) * 2 + 'rpx;height:' + Number(form.style.img_size) * 2 + 'rpx;'"></imageEmpty>
-                                                <iconfont v-else :name="'icon-' + item.icon" :size="form.style.img_size * 2 + 'rpx'" :color="form.style.img_color"></iconfont>
+                                                <iconfont v-else :name="'icon-' + item.icon" :size="form.style.img_size * 2 + 'rpx'" :color="form.style.img_color" propContainerDisplay="flex"></iconfont>
                                             </view>
                                         </view>
                                     </view>
diff --git a/components/diy/modules/custom/model-icon.vue b/components/diy/modules/custom/model-icon.vue
index 34b36dcf..15c2932d 100644
--- a/components/diy/modules/custom/model-icon.vue
+++ b/components/diy/modules/custom/model-icon.vue
@@ -1,6 +1,6 @@
 <template>
     <view class="img-outer pr oh flex-row align-c wh-auto ht-auto" :style="com_style" :data-value="form.icon_link.page" @tap="url_event">
-        <iconfont :name="'icon-' + form.icon_class" :color="form.icon_color" :size="form.icon_size * scale + 'px'"></iconfont>
+        <iconfont :name="'icon-' + form.icon_class" :color="form.icon_color" :size="form.icon_size * scale + 'px'" propContainerDisplay="flex"></iconfont>
     </view>
 </template>
 <script>
diff --git a/components/diy/modules/custom/model-lines.vue b/components/diy/modules/custom/model-lines.vue
index bbbd9e88..f6707261 100644
--- a/components/diy/modules/custom/model-lines.vue
+++ b/components/diy/modules/custom/model-lines.vue
@@ -50,7 +50,7 @@
                 if (form.line_settings === 'horizontal') {
                     return `margin: 10rpx 0;border-bottom: ${form.line_size * this.scale }px ${form.line_style} ${form.line_color};`;
                 } else {
-                    return `margin: 0 10rpx;border-right: ${form.line_size * this.scale }px ${form.line_style} ${form.line_color};`;
+                    return `margin: 0 10rpx;height:100%;border-right: ${form.line_size * this.scale }px ${form.line_style} ${form.line_color};`;
                 }
             }
         },
diff --git a/components/diy/modules/hot-word-list.vue b/components/diy/modules/hot-word-list.vue
index 5eb21be1..842162a9 100644
--- a/components/diy/modules/hot-word-list.vue
+++ b/components/diy/modules/hot-word-list.vue
@@ -5,7 +5,7 @@
         </view>
         <view class="flex-col align-c">
             <view class="icon-top" />
-            <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" @tap="search_hot_close"></iconfont>
+            <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#666" propContainerDisplay="flex" @tap="search_hot_close"></iconfont>
         </view>
     </view>
 </template>
diff --git a/components/diy/modules/tabs-view.vue b/components/diy/modules/tabs-view.vue
index 9f778492..a7d1e195 100644
--- a/components/diy/modules/tabs-view.vue
+++ b/components/diy/modules/tabs-view.vue
@@ -10,14 +10,14 @@
                                 <image v-if="!isEmpty(item.img)" :src="item.img[0].url" class="img" mode="widthFix" />
                                 <view class="title" :style="index == active_index ? tabs_theme_style.tabs_title_checked : tabs_theme_style.tabs_title">{{ item.title }}</view>
                                 <view class="desc" :style="tabs_theme_index == '1' && index == active_index ? tabs_check : ''">{{ item.desc }}</view>
-                                <iconfont name="icon-checked-1" class="icon" :style="tabs_theme_index == '3' ? icon_tabs_check : ''"></iconfont>
+                                <iconfont name="icon-checked-1" class="icon" :style="tabs_theme_index == '3' ? icon_tabs_check : ''" propContainerDisplay="flex"></iconfont>
                                 <view class="bottom_line" :style="tabs_check"></view>
                             </view>
                         </view>
                     </view>
                 </scroll-view>
             </view>
-            <iconfont v-if="propIsTabsIcon" :name="'icon-' + icon.more_icon_class || 'category-more'" :size="icon.more_icon_size + '' || '14'" :color="icon.more_icon_color || '#000'" @click="category_check_event"></iconfont>
+            <iconfont v-if="propIsTabsIcon" :name="'icon-' + icon.more_icon_class || 'category-more'" :size="icon.more_icon_size + '' || '14'" :color="icon.more_icon_color || '#000'" propContainerDisplay="flex" @click="category_check_event"></iconfont>
         </view>
         <componentPopup :propShow="popup_status" :propIsBar="propIsBar" propPosition="top" :propMask="true" :propTop="tabs_top" @onclose="quick_close_event">
             <view class="padding-vertical-lg">
@@ -35,7 +35,7 @@
                 </view>
                 <view class="tc padding-top-lg flex-row jc-c align-c" @tap="quick_close_event">
                     <text class="padding-right-sm">{{ $t('nav-more.nav-more.h9g4b1') }}</text>
-                    <iconfont name="icon-arrow-top" color="#ccc"></iconfont>
+                    <iconfont name="icon-arrow-top" color="#ccc" propContainerDisplay="flex"></iconfont>
                 </view>
             </view>
         </componentPopup>
diff --git a/components/diy/notice.vue b/components/diy/notice.vue
index bb0fd10e..1c1ec710 100644
--- a/components/diy/notice.vue
+++ b/components/diy/notice.vue
@@ -7,7 +7,7 @@
                     <view class="flex-row align-c gap-8" :style="container_background_img_style">
                         <template v-if="form_content.title_type == 'img-icon'">
                             <view v-if="form_content.icon_class">
-                                <iconfont :name="form_content.icon_class" :size="form_style.icon_size * 2 + 'rpx'" :color="form_style.icon_color"></iconfont>
+                                <iconfont :name="form_content.icon_class" :size="form_style.icon_size * 2 + 'rpx'" :color="form_style.icon_color" propContainerDisplay="flex"></iconfont>
                             </view>
                             <view v-else>
                                 <image v-if="form_content.img_src.length > 0" :src="form_content.img_src[0].url" class="border-radius-sm dis-block" mode="aspectFill" :style="img_style"></image>
@@ -22,7 +22,7 @@
                             </swiper-item>
                         </swiper>
                         <view v-if="form_content.is_right_button == '1'" class="text-size-xs" :data-value="form_content.more_link.page" @tap="url_event">
-                            <iconfont name="icon-arrow-right" :color="form_style.button_color || '#999'"></iconfont>
+                            <iconfont name="icon-arrow-right" :color="form_style.button_color || '#999'" propContainerDisplay="flex"></iconfont>
                         </view>
                     </view>
                 </view>
@@ -33,7 +33,7 @@
                         <view class="flex-row wh-auto jc-sb align-c">
                             <template v-if="form_content.title_type == 'img-icon'">
                                 <template v-if="form_content.icon_class">
-                                    <iconfont :name="form_content.icon_class" :size="form_style.icon_size * 2 + 'rpx'" :color="form_style.icon_color"></iconfont>
+                                    <iconfont :name="form_content.icon_class" :size="form_style.icon_size * 2 + 'rpx'" :color="form_style.icon_color" propContainerDisplay="flex"></iconfont>
                                 </template>
                                 <template v-else>
                                     <image v-if="form_content.img_src.length > 0" :src="form_content.img_src[0].url" class="border-radius-sm dis-block" mode="aspectFill" :style="img_style"></image>
@@ -45,7 +45,7 @@
                             <view v-if="form_content.is_right_button == '1'" class="text-size-xs flex-row" :style="'color: ' + form_style.button_color" :data-value="form_content.more_link.page" @tap="url_event">
                                 更多
                                 <view class="pr top-xs">
-                                    <iconfont name="icon-arrow-right" :color="form_style.button_color || '#999'"></iconfont>
+                                    <iconfont name="icon-arrow-right" :color="form_style.button_color || '#999'" propContainerDisplay="flex"></iconfont>
                                 </view>
                             </view>
                         </view>
diff --git a/components/diy/search.vue b/components/diy/search.vue
index dfe8cba5..3fa8ea2b 100644
--- a/components/diy/search.vue
+++ b/components/diy/search.vue
@@ -12,7 +12,7 @@
                             </template>
                             <template v-else>
                                 <view>
-                                    <iconfont :name="!isEmpty(form.icon_class) ? 'icon-' + form.icon_class : 'icon-index-search'" size="28rpx" :color="new_style.icon_color"></iconfont>
+                                    <iconfont :name="!isEmpty(form.icon_class) ? 'icon-' + form.icon_class : 'icon-index-search'" size="28rpx" :color="new_style.icon_color" propContainerDisplay="flex"></iconfont>
                                 </view>
                             </template>
                         </template>
@@ -28,7 +28,7 @@
                     </template>
                     <template v-else>
                         <view :class="['padding-vertical-xs text-size-xs', propIsPageSettings ? 'padding-horizontal' : 'padding-horizontal-lg']">
-                            <iconfont :name="!isEmpty(form.search_botton_icon) ? 'icon-' + form.search_botton_icon : ''" size="28rpx"></iconfont>
+                            <iconfont :name="!isEmpty(form.search_botton_icon) ? 'icon-' + form.search_botton_icon : ''" size="28rpx" propContainerDisplay="flex"></iconfont>
                         </view>
                     </template>
                 </view>
diff --git a/components/diy/seckill.vue b/components/diy/seckill.vue
index add579ba..fe0def5e 100644
--- a/components/diy/seckill.vue
+++ b/components/diy/seckill.vue
@@ -32,7 +32,7 @@
                         </view>
                         <view v-if="form.button_status == '1'" class="flex-row align-c" :style="{ color: new_style.head_button_color }" :data-value="'/pages/plugins/seckill/index/index'" @tap="url_event">
                             <text :style="{ 'font-size': new_style.head_button_size * 2 + 'rpx' }">{{ form.button_text }}</text>
-                            <iconfont name="icon-arrow-right" :color="new_style.head_button_color"></iconfont>
+                            <iconfont name="icon-arrow-right" :color="new_style.head_button_color" propContainerDisplay="flex"></iconfont>
                         </view>
                     </view>
                 </view>
@@ -89,7 +89,7 @@
                                             <view class="plr-11 padding-vertical-xs round cr-white" :style="button_style + 'color:' + new_style.shop_button_text_color">{{ form.shop_button_text }}</view>
                                         </template>
                                         <view v-else class="round padding-horizontal-sm ptb-5" :styles="button_gradient">
-                                            <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'"></iconfont>
+                                            <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                                         </view>
                                     </view>
                                 </view>
@@ -151,7 +151,7 @@
                                                 <view class="plr-11 padding-vertical-xs round cr-white" :style="button_style + 'color:' + new_style.shop_button_text_color">{{ form.shop_button_text }}</view>
                                             </template>
                                             <view v-else class="round padding-horizontal-sm ptb-5" :styles="button_gradient">
-                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'"></iconfont>
+                                                <iconfont :name="'icon-' + (!isEmpty(form.shop_button_icon_class) ? form.shop_button_icon_class : 'cart')" :color="new_style.shop_icon_color" :size="new_style.shop_icon_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                                             </view>
                                         </view>
                                     </view>
diff --git a/components/diy/title.vue b/components/diy/title.vue
index d5cf447b..11ef978f 100644
--- a/components/diy/title.vue
+++ b/components/diy/title.vue
@@ -8,7 +8,7 @@
                             <image :src="form.img_src[0].url" class="title-img" mode="heightFix"></image>
                         </template>
                         <template v-else-if="!isEmpty(form.icon_class)">
-                            <iconfont :name="'icon-' + form.icon_class" :size="new_style.icon_size * 2 + 'rpx'" :color="new_style.icon_color"></iconfont>
+                            <iconfont :name="'icon-' + form.icon_class" :size="new_style.icon_size * 2 + 'rpx'" :color="new_style.icon_color" propContainerDisplay="flex"></iconfont>
                         </template>
                         <view class="pr-15 nowrap" :style="title_style">{{ form.title || '标题' }}</view>
                     </view>
@@ -20,7 +20,7 @@
                         </template>
                         <view v-if="form.right_show == '1'" class="nowrap flex-row align-c" :style="right_style" :data-value="form.right_link.page" @tap="url_event"
                             >{{ form.right_title }}
-                            <iconfont name="icon-arrow-right" :color="new_style.right_color" :size="new_style.right_size * 2 + 'rpx'"> </iconfont>
+                            <iconfont name="icon-arrow-right" :color="new_style.right_color" :size="new_style.right_size * 2 + 'rpx'" propContainerDisplay="flex"></iconfont>
                         </view>
                     </view>
                 </view>
diff --git a/components/diy/user-info.vue b/components/diy/user-info.vue
index 31e278bf..711c529b 100644
--- a/components/diy/user-info.vue
+++ b/components/diy/user-info.vue
@@ -14,7 +14,7 @@
                     <view class="flex-row align-c" :style="'gap:' + base_data.img_space * 2 + 'rpx;'">
                         <view v-for="(item, index) in icon_setting" :key="index" :style="{ width: base_data.img_size + 'px', height: base_data.img_size + 'px' }" :data-value="item.link.page" @tap="url_event">
                             <image v-if="item.img.length > 0" :src="item.img[0].url" class="border-radius-sm" mode="scaleToFill" :style="{ width: base_data.img_size + 'px', height: base_data.img_size + 'px' }" />
-                            <iconfont v-else :name="'icon-' + item.icon" :size="base_data.img_size * 2 + 'rpx'" color="#666"></iconfont>
+                            <iconfont v-else :name="'icon-' + item.icon" :size="base_data.img_size * 2 + 'rpx'" color="#666" propContainerDisplay="flex"></iconfont>
                         </view>
                     </view>
                 </view>