+
@@ -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: [],