diff --git a/components/diy/data-magic.vue b/components/diy/data-magic.vue
index 996bcb7d..35daeb4d 100644
--- a/components/diy/data-magic.vue
+++ b/components/diy/data-magic.vue
@@ -14,7 +14,7 @@
                                             <view class="ma-0 wh-auto text-line-1" :style="item.data_style.subtitle_style">{{ item.data_content.subtitle || '' }}</view>
                                         </view>
                                         <view class="wh-auto ht-auto">
-                                            <magic-carousel :propValue="item" :propContentImgRadius="content_img_radius" :propActived="form.style_actived" propType="product" @carousel_change="carousel_change($event, index)"></magic-carousel>
+                                            <magic-carousel :propValue="item" :propGoodStyle="item.data_style" :propContentImgRadius="content_img_radius" :propActived="form.style_actived" propType="product" @carousel_change="carousel_change($event, index)"></magic-carousel>
                                         </view>
                                     </view>
                                 </template>
@@ -46,7 +46,7 @@
                                         <view class="ma-0 wh-auto text-line-1" :style="item.data_style.subtitle_style">{{ item.data_content.subtitle || '' }}</view>
                                     </view>
                                     <view class="wh-auto ht-auto">
-                                        <magic-carousel :propValue="item" :propContentImgRadius="content_img_radius" propType="product" :propActived="form.style_actived" @carousel_change="carousel_change($event, index)"></magic-carousel>
+                                        <magic-carousel :propValue="item" :propGoodStyle="item.data_style" :propContentImgRadius="content_img_radius" propType="product" :propActived="form.style_actived" @carousel_change="carousel_change($event, index)"></magic-carousel>
                                     </view>
                                 </view>
                             </template>
@@ -134,19 +134,19 @@
         methods: {
             isEmpty,
             init() {
-                this.setData({
-                    form: this.propValue.content,
-                    new_style: this.propValue.style,
-                });
+                const new_form = this.propValue.content;
+                const new_style = this.propValue.style;
                 const density = 4;
                 this.setData({
-                    outer_spacing: this.new_style.image_spacing * 2 + 'rpx',
-                    spacing: this.new_style.image_spacing + 'rpx',
-                    content_radius: radius_computer(this.new_style.data_radius),
-                    content_img_radius: radius_computer(this.new_style.img_radius),
-                    data_magic_list: this.get_data_magic_list(this.form.data_magic_list),
-                    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),
+                    form: new_form,
+                    new_style: new_style,
+                    outer_spacing: new_style.image_spacing * 2 + 'rpx',
+                    spacing: new_style.image_spacing + 'rpx',
+                    content_radius: radius_computer(new_style.data_radius),
+                    content_img_radius: radius_computer(new_style.img_radius),
+                    data_magic_list: this.get_data_magic_list(new_form.data_magic_list),
+                    style_container: common_styles_computer(new_style.common_style) + 'box-sizing: border-box;', // 用于样式显示
+                    style_img_container: common_img_computer(new_style.common_style),
                 });
                 this.$nextTick(() => {
                     const query = uni.createSelectorQuery().in(this);
@@ -174,9 +174,13 @@
                     data_style.background_style = gradient_computer(data_style);
                     data_style.background_img_style = background_computer(data_style);
 
-                    data_style.chunk_padding_data = padding_computer(item.data_style.chunk_padding) + 'box-sizing: border-box;';
-                    data_style.heading_style = this.trends_config(item.data_style, 'heading');
-                    data_style.subtitle_style = this.trends_config(item.data_style, 'subtitle');
+                    // 商品名称和价格样式
+                    data_style.goods_title_style = this.goods_trends_config(data_style, 'title');
+                    data_style.goods_price_style = this.goods_trends_config(data_style, 'price');
+
+                    data_style.chunk_padding_data = padding_computer(data_style.chunk_padding) + 'box-sizing: border-box;';
+                    data_style.heading_style = this.trends_config(data_style, 'heading');
+                    data_style.subtitle_style = this.trends_config(data_style, 'subtitle');
 
                     if (data_content.data_type == 'goods') {
                         data_content.list = this.commodity_list(data_content.goods_list, item.num);
@@ -231,6 +235,9 @@
             percentage(num) {
                 return percentage_count(num, this.div_width);
             },
+            goods_trends_config(style, key) {
+                return this.text_style(style[`goods_${key}_typeface`], style[`goods_${key}_size`], style[`goods_${key}_color`]);
+            },
             // 根据传递的参数，从对象中取值
             trends_config(style, key) {
                 return this.text_style(style[`${key}_typeface`], style[`${key}_size`], style[`${key}_color`]);
diff --git a/components/diy/modules/data-magic/magic-carousel.vue b/components/diy/modules/data-magic/magic-carousel.vue
index d6ad3b03..1c53eedf 100644
--- a/components/diy/modules/data-magic/magic-carousel.vue
+++ b/components/diy/modules/data-magic/magic-carousel.vue
@@ -7,7 +7,7 @@
                 </view>
             </template>
             <template v-else>
-                <product-list-show :propOuterflex="propValue.outerflex" :propFlex="propValue.flex" :propNum="propValue.num" :propActived="propActived" :propIsShow="propValue.data_content.is_show" :propChunkPadding="propValue.data_style.chunk_padding" :propValue="item1.split_list" :propContentImgRadius="propContentImgRadius" @url_event="url_event"></product-list-show>
+                <product-list-show :propOuterflex="propValue.outerflex" :propFlex="propValue.flex" :propNum="propValue.num" :propActived="propActived" :propIsShow="propValue.data_content.is_show" :propChunkPadding="propValue.data_style.chunk_padding" :propValue="item1.split_list" :propGoodStyle="propGoodStyle" :propContentImgRadius="propContentImgRadius" @url_event="url_event"></product-list-show>
             </template>
         </swiper-item>
     </swiper>
@@ -39,6 +39,10 @@
                 type: Number,
                 default: () => 0,
             },
+            propGoodStyle: {
+                type: Object,
+                default: () => {},
+            },
         },
         methods: {
             carousel_change(e) {
diff --git a/components/diy/modules/data-magic/product-list-show.vue b/components/diy/modules/data-magic/product-list-show.vue
index 26807387..ac12f7d4 100644
--- a/components/diy/modules/data-magic/product-list-show.vue
+++ b/components/diy/modules/data-magic/product-list-show.vue
@@ -14,8 +14,8 @@
                         </view>
                     </template>
                     <view v-if="!isEmpty(propIsShow)" class="flex-col wh-auto ht-auto tl gap-10">
-                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title">{{ item.title }}</view>
-                        <view v-if="propIsShow.includes('price')" class="identifying">
+                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title" :style="propGoodStyle.goods_title_style">{{ item.title }}</view>
+                        <view v-if="propIsShow.includes('price')" class="identifying" :style="propGoodStyle.goods_price_style">
                             <text class="num">{{ item.show_price_symbol }}</text>
                             {{ item.min_price }}
                             <template v-if="propIsShow.includes('price_unit')">
@@ -38,14 +38,14 @@
                                 <imageEmpty :propImageSrc="item.images" :propStyle="propContentImgRadius" propErrorStyle="width: 80rpx;height: 80rpx;"></imageEmpty>
                             </view>
                         </template>
-                        <view v-if="propIsShow.includes('price')" class="price-suspension text-line-1">
+                        <view v-if="propIsShow.includes('price')" class="price-suspension text-line-1" :style="propGoodStyle.goods_price_style">
                             {{ item.show_price_symbol }}{{ item.min_price }}
                             <template v-if="propIsShow.includes('price_unit')">
                                 {{ item.show_price_unit }}
                             </template>
                         </view>
                     </view>
-                    <view v-if="propIsShow.includes('title')" class="text-line-1 text-size-md shop-title tl wh-auto" style="overflow: inherit">{{ item.title }}</view>
+                    <view v-if="propIsShow.includes('title')" class="text-line-1 text-size-md shop-title tl wh-auto" :style="propGoodStyle.goods_title_style + ';overflow: inherit'">{{ item.title }}</view>
                 </view>
             </template>
             <template v-else>
@@ -61,8 +61,8 @@
                         </view>
                     </template>
                     <view v-if="!isEmpty(propIsShow)" class="flex-col wh-auto tl gap-10" :style="img_padding_computer">
-                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title">{{ item.title }}</view>
-                        <view v-if="propIsShow.includes('price')" class="identifying">
+                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title" :style="propGoodStyle.goods_title_style">{{ item.title }}</view>
+                        <view v-if="propIsShow.includes('price')" class="identifying" :style="propGoodStyle.goods_price_style">
                             <text class="num">{{ item.show_price_symbol }}</text>
                             {{ item.min_price }}
                             <template v-if="propIsShow.includes('price_unit')">
@@ -89,8 +89,8 @@
                         </view>
                     </template>
                     <view v-if="!isEmpty(propIsShow)" class="flex-col wh-auto ht-auto tl gap-20">
-                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title">{{ item.title }}</view>
-                        <view v-if="propIsShow.includes('price')" class="identifying">
+                        <view v-if="propIsShow.includes('title')" class="text-line-2 text-size-md shop-title" :style="propGoodStyle.goods_title_style">{{ item.title }}</view>
+                        <view v-if="propIsShow.includes('price')" class="identifying" :style="propGoodStyle.goods_price_style">
                             <text class="num">{{ item.show_price_symbol }}</text
                             >{{ item.min_price }}
                             <template v-if="propIsShow.includes('price_unit')">
@@ -144,6 +144,10 @@
                 type: Object,
                 default: () => {},
             },
+            propGoodStyle: {
+                type: Object,
+                default: () => {},
+            }
         },
         computed: {
             img_padding_computer() {