1.选项卡新增风格1的风格选择样式

v1.0.0
sws 2024-10-12 18:31:36 +08:00
parent 13e17bdc46
commit f403c069d7
7 changed files with 28 additions and 8 deletions

View File

@ -4,6 +4,10 @@
<card-container>
<div class="mb-12">选项卡样式</div>
<el-form-item label="选中装饰">
<el-radio-group v-model="form.tabs_one_theme">
<el-radio value="0">样式一</el-radio>
<el-radio value="1">样式二</el-radio>
</el-radio-group>
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
</el-form-item>
<el-form-item label="选中文字">

View File

@ -4,6 +4,10 @@
<card-container>
<div class="mb-12">选项卡样式</div>
<el-form-item label="选中装饰">
<el-radio-group v-model="form.tabs_one_theme">
<el-radio value="0">样式一</el-radio>
<el-radio value="1">样式二</el-radio>
</el-radio-group>
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
</el-form-item>
<el-form-item label="选中文字">

View File

@ -4,6 +4,10 @@
<card-container>
<div class="mb-12">选项卡样式</div>
<el-form-item label="选中装饰">
<el-radio-group v-model="form.tabs_one_theme">
<el-radio value="0">样式一</el-radio>
<el-radio value="1">样式二</el-radio>
</el-radio-group>
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
</el-form-item>
<el-form-item label="选中标题">

View File

@ -31,6 +31,7 @@ interface DefaultArticleTabs {
field_show: string[];
};
style: {
tabs_one_theme: string;
tabs_checked: color_list[];
tabs_direction: string;
tabs_weight_checked: string;
@ -78,6 +79,7 @@ const defaultArticleTabs: DefaultArticleTabs = {
field_show: ['0', '1'],
},
style: {
tabs_one_theme: '0',
tabs_checked: [
{ color: '#FF2222', color_percentage: undefined },
{ color: '#FF9898', color_percentage: undefined },

View File

@ -36,6 +36,7 @@ interface DefaultProductList {
shop_button_size: string;
};
style: {
tabs_one_theme: string;
tabs_checked: color_list[];
tabs_direction: string;
tabs_weight_checked: string;
@ -98,6 +99,7 @@ const defaultProductList: DefaultProductList = {
shop_button_size: '1',
},
style: {
tabs_one_theme: '0',
tabs_checked: [
{ color: '#FF2222', color_percentage: undefined },
{ color: '#FF9898', color_percentage: undefined },

View File

@ -24,11 +24,12 @@ interface defaultTabs {
tabs_list: tabs_page[];
carousel_type: string;
carousel_list: carousel_list[];
img_fit: string,
img_fit: string;
is_roll: string;
interval_time: number;
};
style: {
tabs_one_theme: string;
tabs_checked: color_list[];
tabs_direction: string;
tabs_weight_checked: string;
@ -48,8 +49,8 @@ interface defaultTabs {
radius_bottom_left: number;
radius_bottom_right: number;
is_show: string;
height: number,
image_spacing: number,
height: number;
image_spacing: number;
indicator_style: string;
indicator_location: string;
indicator_size: number;
@ -92,23 +93,24 @@ const defaultTabs: defaultTabs = {
carousel_img: [],
carousel_video: [],
carousel_link: {},
video_title: '视频名称'
video_title: '视频名称',
},
{
carousel_img: [],
carousel_video: [],
carousel_link: {},
video_title: '视频名称'
video_title: '视频名称',
},
{
carousel_img: [],
carousel_video: [],
carousel_link: {},
video_title: '视频名称'
}
]
video_title: '视频名称',
},
],
},
style: {
tabs_one_theme: '0',
tabs_checked: [
{ color: '#FF2222', color_percentage: undefined },
{ color: '#FF9898', color_percentage: undefined },

View File

@ -18,6 +18,7 @@ interface defaultTabs {
tabs_list: tabs_page[];
};
style: {
tabs_one_theme: string;
tabs_checked: color_list[];
tabs_direction: string;
tabs_weight_checked: string;
@ -45,6 +46,7 @@ const defaultTabs: defaultTabs = {
],
},
style: {
tabs_one_theme: '0',
tabs_checked: [
{ color: '#FF2222', color_percentage: undefined },
{ color: '#FF9898', color_percentage: undefined },