diff --git a/src/components/model-tabs-carousel/index.vue b/src/components/model-tabs-carousel/index.vue index 032beecf..a58096d7 100644 --- a/src/components/model-tabs-carousel/index.vue +++ b/src/components/model-tabs-carousel/index.vue @@ -2,8 +2,8 @@
-
-
+
+
@@ -41,11 +41,12 @@ const carousel_container = ref(''); const carousel_img_container = ref(''); // 打开滑动固定开关之后,显示的样式 const tabs_sliding_fixed_bg = ref(''); +const is_rotating_background = ref(false); watch( props.value, (val) => { let new_data = cloneDeep(val); - const { home_data, is_tabs_safe_distance = '0' } = new_data.content; + const { home_data, is_tabs_safe_distance = '0', rotating_background } = new_data.content; const new_style = new_data?.style; // 选项卡背景设置 const tabs_data = { @@ -60,6 +61,9 @@ watch( ...new_style.tabs_padding, padding_top: (new_style.tabs_padding?.padding_top || 0) + (is_general_safe_distance ? common_store.header_height : 0), } + // 是否开启轮播图背景设置 + is_rotating_background.value = rotating_background == '1'; + // 选项卡滑动固定背景 tabs_sliding_fixed_bg.value = gradient_computer(tabs_data); tabs_container.value = gradient_computer(tabs_data) + radius_computer(new_style.tabs_radius) + margin_computer(new_style.tabs_margin) + box_shadow_computer(new_style.tabs_content) + border_computer(new_style.tabs_content) + `margin-top: ${ new_style.tabs_margin.margin_top - (is_general_safe_distance ? common_store.header_height : 0) }px;`; tabs_img_container.value = background_computer(tabs_data) + padding_computer(new_tabs_padding); diff --git a/src/components/model-tabs/model-tabs-content.vue b/src/components/model-tabs/model-tabs-content.vue index 70d105d1..7165d16d 100644 --- a/src/components/model-tabs/model-tabs-content.vue +++ b/src/components/model-tabs/model-tabs-content.vue @@ -33,12 +33,20 @@ - - - - - - +
diff --git a/src/config/const/tabs-carousel.ts b/src/config/const/tabs-carousel.ts index 6811f49a..355d730e 100644 --- a/src/config/const/tabs-carousel.ts +++ b/src/config/const/tabs-carousel.ts @@ -33,6 +33,7 @@ interface defaultTabs { content: { content_top: object; justification: string, + rotating_background: string; show_more: string, tabs_theme: string; tabs_adorn_icon: string; @@ -131,6 +132,7 @@ const defaultTabs: defaultTabs = { show_more: '1', // 选项卡风格 tabs_theme: '0', + rotating_background: '0', // 选中装饰图标 tabs_adorn_icon: 'checked-smooth', tabs_adorn_img: [],