diff --git a/components/diy/modules/tabs-view.vue b/components/diy/modules/tabs-view.vue index b2373b60..06631b39 100644 --- a/components/diy/modules/tabs-view.vue +++ b/components/diy/modules/tabs-view.vue @@ -3,7 +3,7 @@ - + @@ -141,6 +141,10 @@ type: String, default: '', }, + propIsRotatingBackground: { + type: Boolean, + default: false, + }, propBgImgStyle: { type: String, default: '', diff --git a/components/diy/tabs-carousel.vue b/components/diy/tabs-carousel.vue index 3d15e991..e1f19da3 100644 --- a/components/diy/tabs-carousel.vue +++ b/components/diy/tabs-carousel.vue @@ -2,7 +2,7 @@ - + @@ -100,7 +100,7 @@ swiper_bg_style: '', swiper_bg_img_style: '', swiper_bg_img_style_null: `background-image: url('')`, - tabs_padding_top: 0 + is_rotating_background: false, }; }, created() { @@ -145,12 +145,13 @@ style_container: `${common_styles_computer(new_style.common_style)};`, style_img_container: common_img_computer(new_style.common_style, this.propIndex), carousel_margin_top: 'margin-top:' + new_style.data_spacing * 2 + 'rpx', + // 是否开启轮播图背景设置 + is_rotating_background: new_content.rotating_background == '1', tabs_sliding_fixed_bg: gradient_computer(tabs_data), tabs_container: gradient_computer(tabs_data) + radius_computer(tabs_radius) + margin_computer(tabs_margin) + border_computer(tabs_content) + box_shadow_computer(tabs_content) + `overflow: hidden;margin-top: ${ new_tabs_top - tabs_margin_top }px;`, tabs_img_container: background_computer(tabs_data) + padding_computer(tabs_padding) + `box-sizing: border-box;overflow: hidden;padding-top: ${ (tabs_padding?.padding_top || 0) + tabs_margin_top }px;`, carousel_container: gradient_computer(carousel_content_data) + margin_computer(carousel_content_margin) + radius_computer(carousel_content_radius) + border_computer(carousel_content) + box_shadow_computer(carousel_content) + 'overflow: hidden;', carousel_img_container: background_computer(carousel_content_data) + padding_computer(carousel_content_padding) + 'box-sizing: border-box;overflow: hidden;', - tabs_padding_top: new_style.common_style.padding_top + (this.propIsImmersionModel ? this.propStickyTop : 0), spacing_common_style: { padding: 0, padding_top: new_style.common_style.padding_top + (this.propIsImmersionModel ? this.propStickyTop : 0), diff --git a/components/diy/tabs.vue b/components/diy/tabs.vue index 94a557bc..5d98c62d 100644 --- a/components/diy/tabs.vue +++ b/components/diy/tabs.vue @@ -5,7 +5,7 @@ - + @@ -90,9 +90,9 @@ type: String, default: '' }, - propTabsPaddingTop: { - type: Number, - default: 0, + propIsRotatingBackground: { + type: Boolean, + default: false }, propBgStyle: { type: String,