diff --git a/components/diy/carousel.vue b/components/diy/carousel.vue
index 86b3ba9f..b1af344c 100644
--- a/components/diy/carousel.vue
+++ b/components/diy/carousel.vue
@@ -94,6 +94,10 @@
                 type: Number,
                 default: 1000000,
             },
+            propOuterContainerPadding: {
+                type: Number,
+                default: 0,
+            }
         },
         data() {
             return {
@@ -157,7 +161,7 @@
                     fit = 'aspectFill';
                 }
                 const { margin_left, margin_right, padding_left, padding_right } = new_style.common_style;
-                const width = sys_width - margin_left - margin_right - padding_left - padding_right;
+                const width = sys_width - margin_left - margin_right - padding_left - padding_right - this.propOuterContainerPadding;
                 const scale = width / 390;
                 this.setData({
                     form: this.propValue.content,
diff --git a/components/diy/custom.vue b/components/diy/custom.vue
index 2af94d2c..1069a3b2 100644
--- a/components/diy/custom.vue
+++ b/components/diy/custom.vue
@@ -59,6 +59,10 @@
                 type: Number,
                 default: 1000000,
             },
+            propOuterContainerPadding: {
+                type: Number,
+                default: 0,
+            }
         },
         data() {
             return {
@@ -94,7 +98,7 @@
                 const new_form = this.propValue.content;
                 const new_style = this.propValue.style;
                 const { margin_left, margin_right, padding_left, padding_right } = new_style.common_style;
-                const width = sys_width - margin_left - margin_right - padding_left - padding_right;
+                const width = sys_width - margin_left - margin_right - padding_left - padding_right - this.propOuterContainerPadding;
                 this.setData({
                     form: new_form,
                     new_style: new_style,
diff --git a/components/diy/data-magic.vue b/components/diy/data-magic.vue
index ad1fca2d..fd0ffb03 100644
--- a/components/diy/data-magic.vue
+++ b/components/diy/data-magic.vue
@@ -130,6 +130,10 @@
                 type: Number,
                 default: 1000000,
             },
+            propOuterContainerPadding: {
+                type: Number,
+                default: 0,
+            }
         },
         data() {
             return {
@@ -181,7 +185,7 @@
                 const container_height = !isEmpty(new_form.container_height) ? new_form.container_height : sys_width;
                 const density = !isEmpty(new_form.magic_cube_density) ? new_form.magic_cube_density : 4;
                 const { margin_left, margin_right, padding_left, padding_right } = new_style.common_style;
-                const width = sys_width - margin_left - margin_right - padding_left - padding_right;
+                const width = sys_width - margin_left - margin_right - padding_left - padding_right - this.propOuterContainerPadding;
                 this.setData({
                     form: new_form,
                     new_style: new_style,
diff --git a/components/diy/diy.vue b/components/diy/diy.vue
index ae95465e..97303258 100644
--- a/components/diy/diy.vue
+++ b/components/diy/diy.vue
@@ -6,79 +6,80 @@
                 <view class="pr header">
                     <componentDiyHeader :propKey="header_data.id" :propValue="header_data.com_data" :propScrollTop="scroll_top" @onImmersionModelCallBack="immersion_model_call_back" @onLocationBack="choice_location_back"></componentDiyHeader>
                 </view>
-                <view class="content flex-col" :style="'padding-top:' + (temp_is_header_top ? temp_header_top : '0')">
-                    <view v-for="item in tabs_data" :key="item.key">
-                        <template v-if="item.is_enable == '1'">
-                            <componentDiyTabs v-if="item.key == 'tabs'" :propValue="item.com_data" :propTop="temp_header_top" :propNavIsTop="is_header_top" :propTabsIsTop="temp_is_header_top" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event"></componentDiyTabs>
-                            <componentDiyTabsCarousel v-else-if="item.key == 'tabs-carousel'" :propValue="item.com_data" :propTop="temp_header_top" :propNavIsTop="is_header_top" :propTabsIsTop="temp_is_header_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event" @onVideoPlay="video_play"></componentDiyTabsCarousel>
-                        </template>
-                    </view>
-                    <template v-if="is_tabs_type">
-                        <template v-if="diy_data.length > 0">
-                            <view v-for="(item, index) in diy_data" :key="index" :style="'margin-top:' + (['float-window'].includes(item.key) ? '0rpx;z-index:1' : -(item.com_data.style.common_style.floating_up * 2 || 0) + 'rpx;z-index:' + (!isEmpty(item.com_data.style.common_style.module_z_index) ? item.com_data.style.common_style.module_z_index : 0))">
-                                <!-- 基础组件 -->
-                                <template v-if="item.is_enable == '1'">
-                                    <componentDiySearch v-if="item.key == 'search'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiySearch>
-                                    <componentDiyCarousel v-else-if="item.key == 'carousel'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data" @onVideoPlay="video_play"></componentDiyCarousel>
-                                    <componentDiyNavGroup v-else-if="item.key == 'nav-group'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyNavGroup>
-                                    <componentDiyUserInfo v-else-if="item.key == 'user-info'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyUserInfo>
-                                    <componentDiyNotice v-else-if="item.key == 'notice'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyNotice>
-                                    <componentDiyVideo v-else-if="item.key == 'video'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyVideo>
-                                    <componentDiyArticleList v-else-if="item.key == 'article-list'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyArticleList>
-                                    <componentDiyArticleTabs v-else-if="item.key == 'article-tabs'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data" :propTop="(!is_immersion_model ? temp_sticky_top : 0) + tabs_height" :propScrollTop="scroll_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0"></componentDiyArticleTabs>
-                                    <componentDiyGoodsTabs v-else-if="item.key == 'goods-tabs'" :ref="'diy_goods_buy' + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propDiyIndex="index" :propKey="item.id + index" :propValue="item.com_data" :propTop="(!is_immersion_model ? temp_sticky_top : 0) + tabs_height" :propScrollTop="scroll_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0" @goods_buy_event="goods_buy_event"></componentDiyGoodsTabs>
-                                    <componentDiyGoodsList v-else-if="item.key == 'goods-list'" :ref="'diy_goods_buy' + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propDiyIndex="index" :propKey="item.id + index" :propValue="item.com_data" @goods_buy_event="goods_buy_event"></componentDiyGoodsList>
-                                    <componentDiyDataMagic v-else-if="item.key == 'data-magic'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyDataMagic>
-                                    <componentDiyCustom v-else-if="item.key == 'custom'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyCustom>
-                                    <componentDiyImgMagic v-else-if="item.key == 'img-magic'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyImgMagic>
-                                    <componentDiyHotZone v-else-if="item.key == 'hot-zone'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyHotZone>
-                                    <componentDiySeckill v-else-if="item.key == 'seckill'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiySeckill>
-                                    <!-- 插件 -->
-                                    <componentDiyCoupon v-else-if="item.key == 'coupon'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyCoupon>
-                                    <!-- 工具组件 -->
-                                    <componentDiyFloatWindow v-else-if="item.key == 'float-window'" :propKey="item.id + index" :propValue="item.com_data"></componentDiyFloatWindow>
-                                    <componentDiyTitle v-else-if="item.key == 'title'" :propKey="item.id + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propValue="item.com_data"></componentDiyTitle>
-                                    <componentDiyAuxiliaryLine v-else-if="item.key == 'row-line'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyAuxiliaryLine>
-                                    <componentDiyRichText v-else-if="item.key == 'rich-text'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyRichText>
-                                    <componentDiyAuxiliaryBlank v-else-if="item.key == 'auxiliary-blank'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyAuxiliaryBlank>
-                                </template>
-                            </view>
-                        </template>
-
-                        <!-- diy底部卡槽 -->
-                        <slot name="diy-bottom-content"></slot>
-                        <slot name="diy-bottom-common"></slot>
-                    </template>
-                    <template v-else>
-                        <!-- 商品九宫格列表 -->
-                        <view v-if="goods_list.length > 0" class="padding-horizontal-main padding-top-main oh">
-                            <component-goods-list :propData="{ style_type: goods_show_type_value, goods_list: goods_list, random: random_value }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol"></component-goods-list>
-                        </view>
-                        <view v-else class="pr">
-                            <!-- 提示信息 -->
-                            <component-no-data :propStatus="goods_list_loding_status" :propMsg="goods_list_loding_msg" propLoadingLogoTop="30%"></component-no-data>
+                <view class="aaaa" :style="content_padding">
+                    <view class="content flex-col" :style="'padding-top:' + (temp_is_header_top ? temp_header_top : '0')">
+                        <view v-for="item in tabs_data" :key="item.key">
+                            <template v-if="item.is_enable == '1'">
+                                <componentDiyTabs v-if="item.key == 'tabs'" :propContentPadding="content_padding" :propValue="item.com_data" :propTop="temp_header_top" :propNavIsTop="is_header_top" :propTabsIsTop="temp_is_header_top" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event"></componentDiyTabs>
+                                <componentDiyTabsCarousel v-else-if="item.key == 'tabs-carousel'" :propContentPadding="content_padding" :propValue="item.com_data" :propTop="temp_header_top" :propNavIsTop="is_header_top" :propTabsIsTop="temp_is_header_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event" @onVideoPlay="video_play"></componentDiyTabsCarousel>
+                            </template>
                         </view>
+                        <template v-if="is_tabs_type">
+                            <template v-if="diy_data.length > 0">
+                                <view v-for="(item, index) in diy_data" :key="index" :style="'margin-top:' + (['float-window'].includes(item.key) ? '0rpx;z-index:1' : -(item.com_data.style.common_style.floating_up * 2 || 0) + 'rpx;z-index:' + (!isEmpty(item.com_data.style.common_style.module_z_index) ? item.com_data.style.common_style.module_z_index : 0))">
+                                    <!-- 基础组件 -->
+                                    <template v-if="item.is_enable == '1'">
+                                        <componentDiySearch v-if="item.key == 'search'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiySearch>
+                                        <componentDiyCarousel v-else-if="item.key == 'carousel'" :propOuterContainerPadding="outer_container_padding" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data" @onVideoPlay="video_play"></componentDiyCarousel>
+                                        <componentDiyNavGroup v-else-if="item.key == 'nav-group'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyNavGroup>
+                                        <componentDiyUserInfo v-else-if="item.key == 'user-info'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyUserInfo>
+                                        <componentDiyNotice v-else-if="item.key == 'notice'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyNotice>
+                                        <componentDiyVideo v-else-if="item.key == 'video'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyVideo>
+                                        <componentDiyArticleList v-else-if="item.key == 'article-list'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyArticleList>
+                                        <componentDiyArticleTabs v-else-if="item.key == 'article-tabs'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data" :propTop="(!is_immersion_model ? temp_sticky_top : 0) + tabs_height" :propScrollTop="scroll_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0"></componentDiyArticleTabs>
+                                        <componentDiyGoodsTabs v-else-if="item.key == 'goods-tabs'" :ref="'diy_goods_buy' + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propDiyIndex="index" :propKey="item.id + index" :propValue="item.com_data" :propTop="(!is_immersion_model ? temp_sticky_top : 0) + tabs_height" :propScrollTop="scroll_top" :propCustomNavHeight="!is_immersion_model && is_header_top ? (is_search_alone_row ? 66 + data_alone_row_space : 33) : 0" @goods_buy_event="goods_buy_event"></componentDiyGoodsTabs>
+                                        <componentDiyGoodsList v-else-if="item.key == 'goods-list'" :ref="'diy_goods_buy' + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propDiyIndex="index" :propKey="item.id + index" :propValue="item.com_data" @goods_buy_event="goods_buy_event"></componentDiyGoodsList>
+                                        <componentDiyDataMagic v-else-if="item.key == 'data-magic'" :propOuterContainerPadding="outer_container_padding" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyDataMagic>
+                                        <componentDiyCustom v-else-if="item.key == 'custom'" :propOuterContainerPadding="outer_container_padding" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyCustom>
+                                        <componentDiyImgMagic v-else-if="item.key == 'img-magic'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyImgMagic>
+                                        <componentDiyHotZone v-else-if="item.key == 'hot-zone'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyHotZone>
+                                        <componentDiySeckill v-else-if="item.key == 'seckill'" :propOuterContainerPadding="outer_container_padding" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiySeckill>
+                                        <!-- 插件 -->
+                                        <componentDiyCoupon v-else-if="item.key == 'coupon'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyCoupon>
+                                        <!-- 工具组件 -->
+                                        <componentDiyFloatWindow v-else-if="item.key == 'float-window'" :propKey="item.id + index" :propValue="item.com_data"></componentDiyFloatWindow>
+                                        <componentDiyTitle v-else-if="item.key == 'title'" :propKey="item.id + index" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propValue="item.com_data"></componentDiyTitle>
+                                        <componentDiyAuxiliaryLine v-else-if="item.key == 'row-line'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyAuxiliaryLine>
+                                        <componentDiyRichText v-else-if="item.key == 'rich-text'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyRichText>
+                                        <componentDiyAuxiliaryBlank v-else-if="item.key == 'auxiliary-blank'" :propIndex="is_immersive_style_and_general_safe_distance_value ? item.index : -1" :propKey="item.id + index" :propValue="item.com_data"></componentDiyAuxiliaryBlank>
+                                    </template>
+                                </view>
+                            </template>
 
-                        <!-- diy底部卡槽 -->
-                        <template v-if="goods_bottom_line_status">
+                            <!-- diy底部卡槽 -->
                             <slot name="diy-bottom-content"></slot>
+                            <slot name="diy-bottom-common"></slot>
                         </template>
-                        <slot name="diy-bottom-common"></slot>
-                    </template>
-
-                    <view class="z-i-deep">
-                        <!-- 商品购买 -->
-                        <component-goods-buy ref="goods_buy" v-on:CartSuccessEvent="goods_cart_back_event"></component-goods-buy>
-                        <!-- 视频播放 -->
-                        <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" show-fullscreen-btn class="radius-md" :style="{ width: popup_width, height: popup_height }"></video>
-                                <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#ccc" propContainerDisplay="flex" @tap="video_close"></iconfont>
+                        <template v-else>
+                            <!-- 商品九宫格列表 -->
+                            <view v-if="goods_list.length > 0" class="padding-horizontal-main padding-top-main oh">
+                                <component-goods-list :propData="{ style_type: goods_show_type_value, goods_list: goods_list, random: random_value }" :propLabel="plugins_label_data" :propCurrencySymbol="currency_symbol"></component-goods-list>
                             </view>
-                        </uni-popup>
+                            <view v-else class="pr">
+                                <!-- 提示信息 -->
+                                <component-no-data :propStatus="goods_list_loding_status" :propMsg="goods_list_loding_msg" propLoadingLogoTop="30%"></component-no-data>
+                            </view>
+
+                            <!-- diy底部卡槽 -->
+                            <template v-if="goods_bottom_line_status">
+                                <slot name="diy-bottom-content"></slot>
+                            </template>
+                            <slot name="diy-bottom-common"></slot>
+                        </template>
+
+                        <view class="z-i-deep">
+                            <!-- 商品购买 -->
+                            <component-goods-buy ref="goods_buy" v-on:CartSuccessEvent="goods_cart_back_event"></component-goods-buy>
+                            <!-- 视频播放 -->
+                            <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" show-fullscreen-btn class="radius-md" :style="{ width: popup_width, height: popup_height }"></video>
+                                    <iconfont name="icon-qiandao-tancguanbi" size="56rpx" color="#ccc" propContainerDisplay="flex" @tap="video_close"></iconfont>
+                                </view>
+                            </uni-popup>
+                        </view>
                     </view>
                 </view>
-
                 <!-- 当前diy页面底部菜单（非公共底部菜单） -->
                 <block v-if="is_show_footer == 1">
                     <componentDiyFooter :propKey="footer_data.id" :propValue="footer_data.com_data" @onFooterHeight="footer_height_value_event"></componentDiyFooter>
@@ -94,7 +95,7 @@
 
 <script>
     const app = getApp();
-    import { isEmpty, common_styles_computer, common_img_computer } from '@/common/js/common/common.js';
+    import { isEmpty, common_styles_computer, background_computer, padding_computer } from '@/common/js/common/common.js';
     import componentDiyHeader from '@/components/diy/header';
     import componentDiyFooter from '@/components/diy/footer';
     import componentDiyTabs from '@/components/diy/tabs';
@@ -249,6 +250,8 @@
                 // 顶部导航是否换行
                 is_search_alone_row: false,
                 data_alone_row_space: 0,
+                content_padding: '',
+                outer_container_padding: 0,
             };
         },
         watch: {
@@ -310,6 +313,7 @@
                         new_diy_index++;
                     }
                 });
+                const { padding_right = 0, padding_left = 0} = header.com_data.style.common_style;
                 // tabs选项卡数据过滤
                 this.setData({
                     header_data: header,
@@ -317,7 +321,10 @@
                     diy_data: new_diy_data,
                     tabs_data: this.propValue.tabs_data,
                     page_style: common_styles_computer(header.com_data.style.common_style),
-                    page_img_style: common_img_computer(header.com_data.style.common_style),
+                    page_img_style: background_computer(header.com_data.style.common_style),
+                    // 内间距
+                    content_padding: `padding: 0px ${padding_right}px 0px ${padding_left}px;` +'box-sizing:border-box;',
+                    outer_container_padding: padding_right + padding_left,
                     // 判断顶部导航是否置顶
                     is_header_top: parseInt(header.com_data.style.up_slide_display) == 1 ? true : false,
                     temp_sticky_top: this.sticky_top,
diff --git a/components/diy/img-magic.vue b/components/diy/img-magic.vue
index b8786c65..3a2d85b6 100644
--- a/components/diy/img-magic.vue
+++ b/components/diy/img-magic.vue
@@ -101,7 +101,7 @@
                 const new_style = this.propValue.style || {};
                 const new_style_spacing = new_content.style_actived === 10 ? 0 : new_style.image_spacing;
                 // 外部样式
-                const outer_spacing = `calc(100% + ${new_style_spacing * 4}rpx)`;
+                const outer_spacing = `calc(100% + ${new_style_spacing * 2}rpx)`;
                 const outer_sx = `-${new_style_spacing}rpx`;
                 // 图片间距设置
                 const spacing = `${new_style_spacing}rpx`;
diff --git a/components/diy/tabs-carousel.vue b/components/diy/tabs-carousel.vue
index f5eb0c4a..371f64ce 100644
--- a/components/diy/tabs-carousel.vue
+++ b/components/diy/tabs-carousel.vue
@@ -1,7 +1,7 @@
 <template>
     <view class="ou" :style="style_container">
         <view class="flex-col ou" :style="style_img_container">
-            <componentDiyTabs :propValue="propValue" :propTop="propTop" :propNavIsTop="propNavIsTop" :propTabsIsTop="propTabsIsTop" :propIsCommon="false" :propsTabsPaddingStyle="tabs_padding_style" :propSpacingCommonStyle="spacing_common_style" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event"></componentDiyTabs>
+            <componentDiyTabs :propContentPadding="propContentPadding" :propValue="propValue" :propTop="propTop" :propNavIsTop="propNavIsTop" :propTabsIsTop="propTabsIsTop" :propIsCommon="false" :propsTabsPaddingStyle="tabs_padding_style" :propSpacingCommonStyle="spacing_common_style" @onComputerHeight="tabs_height_event" @onTabsTap="tabs_click_event"></componentDiyTabs>
             <componentDiycarousel :propValue="propValue" :propIsCommon="false" @onVideoPlay="video_play"></componentDiycarousel>
         </view>
     </view>
@@ -41,6 +41,10 @@
                 type: [String, Number],
                 default: '',
             },
+            propContentPadding: {
+                type: String,
+                default: '',
+            }
         },
         data() {
             return {
diff --git a/components/diy/tabs.vue b/components/diy/tabs.vue
index b2cd8741..27ad6247 100644
--- a/components/diy/tabs.vue
+++ b/components/diy/tabs.vue
@@ -1,7 +1,7 @@
 <template>
     <!-- 选项卡 -->
     <view class="tabs-container pr">
-        <view :class="top_up == '1' ? 'tabs-top' : ''" :style="tabs_top_style">
+        <view :class="top_up == '1' ? 'tabs-top' : ''" :style="tabs_top_style + propContentPadding">
             <view class="tabs-content wh-auto bs-bb" :style="style_container">
                 <view class="wh-auto bs-bb" :style="style_img_container">
                     <componentDiyModulesTabsView :propValue="tabs_data" :propIsTabsIcon="true" :propTop="propTop" :propsTabsPaddingStyle="propsTabsPaddingStyle" :propStyle="propStyle" @onTabsTap="tabs_click_event"></componentDiyModulesTabsView>
@@ -62,6 +62,10 @@
             propsTabsPaddingStyle: {
                 type: String,
                 default: '',
+            },
+            propContentPadding: {
+                type: String,
+                default: '',
             }
         },
         components: {