diff --git a/src/components/model-tabs-magic/model-tabs-magic-styles.vue b/src/components/model-tabs-magic/model-tabs-magic-styles.vue
index d01b17b9..97eb3298 100644
--- a/src/components/model-tabs-magic/model-tabs-magic-styles.vue
+++ b/src/components/model-tabs-magic/model-tabs-magic-styles.vue
@@ -91,6 +91,24 @@
+
+
+
+ 未选样式
+
+
+
+ 选中样式
+
+
+
+
+
@@ -144,5 +162,10 @@ const tabs_bg_mult_color_picker_event = (arry: color_list[], type: number) => {
form.value.tabs_bg_color_list = arry;
form.value.tabs_bg_direction = type.toString();
};
+// 更多选中按钮样式
+const more_button_color_picker_event = (arry: color_list[], type: number) => {
+ form.value.more_button_color_list = arry;
+ form.value.more_button_direction = type.toString();
+};
diff --git a/src/components/model-tabs/model-tabs-styles.vue b/src/components/model-tabs/model-tabs-styles.vue
index 7c42fb56..6bf880a0 100644
--- a/src/components/model-tabs/model-tabs-styles.vue
+++ b/src/components/model-tabs/model-tabs-styles.vue
@@ -93,6 +93,24 @@
+
+
+
+ 未选样式
+
+
+
+ 选中样式
+
+
+
+
+
@@ -145,5 +163,10 @@ const tabs_bg_mult_color_picker_event = (arry: color_list[], type: number) => {
form.value.tabs_bg_color_list = arry;
form.value.tabs_bg_direction = type.toString();
};
+// 更多选中按钮样式
+const more_button_color_picker_event = (arry: color_list[], type: number) => {
+ form.value.more_button_color_list = arry;
+ form.value.more_button_direction = type.toString();
+};
diff --git a/src/config/const/tabs-carousel.ts b/src/config/const/tabs-carousel.ts
index f581d7a0..f270acb2 100644
--- a/src/config/const/tabs-carousel.ts
+++ b/src/config/const/tabs-carousel.ts
@@ -93,6 +93,10 @@ interface defaultTabs {
more_icon_class: string;
more_icon_color: string;
more_icon_size: number;
+ more_button_text_color: string;
+ more_button_text_selected_color: string;
+ more_button_direction: string;
+ more_button_color_list: color_list[];
data_spacing: number;
radius: number;
radius_top_left: number;
@@ -332,6 +336,11 @@ const defaultTabs: defaultTabs = {
more_icon_class: 'category-more',
more_icon_color: '#000',
more_icon_size: 14,
+ // 更多弹出框的样式
+ more_button_text_color: '#666',
+ more_button_text_selected_color: '#666',
+ more_button_direction: '90deg',
+ more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
// 选项卡与轮播之间的间距
data_spacing: 0,
// 图片圆角
diff --git a/src/config/const/tabs-magic.ts b/src/config/const/tabs-magic.ts
index e3dda665..646e9400 100644
--- a/src/config/const/tabs-magic.ts
+++ b/src/config/const/tabs-magic.ts
@@ -93,6 +93,10 @@ interface defaultTabs {
more_icon_class: string;
more_icon_color: string;
more_icon_size: number;
+ more_button_text_color: string;
+ more_button_text_selected_color: string;
+ more_button_direction: string;
+ more_button_color_list: color_list[];
data_spacing: number;
common_style: object;
};
@@ -440,6 +444,11 @@ const defaultTabs: defaultTabs = {
more_icon_class: 'category-more',
more_icon_color: '#000',
more_icon_size: 14,
+ // 更多弹出框的样式
+ more_button_text_color: '#666',
+ more_button_text_selected_color: '#666',
+ more_button_direction: '90deg',
+ more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
// 选项卡与轮播之间的间距
data_spacing: 0,
// 公共样式
diff --git a/src/config/const/tabs.ts b/src/config/const/tabs.ts
index 52a152ee..d08e8ce0 100644
--- a/src/config/const/tabs.ts
+++ b/src/config/const/tabs.ts
@@ -55,6 +55,10 @@ interface defaultTabs {
more_icon_class: string;
more_icon_color: string;
more_icon_size: number;
+ more_button_text_color: string;
+ more_button_text_selected_color: string;
+ more_button_direction: string;
+ more_button_color_list: color_list[];
common_style: object;
};
}
@@ -126,6 +130,11 @@ const defaultTabs: defaultTabs = {
more_icon_class: 'category-more',
more_icon_color: '#000',
more_icon_size: 14,
+ // 更多弹出框的样式
+ more_button_text_color: '#666',
+ more_button_text_selected_color: '#666',
+ more_button_direction: '90deg',
+ more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
common_style: {
...defaultCommon,
color_list: [{ color: '#fff', color_percentage: undefined }],