新增更多按钮圆角
parent
c17377928f
commit
4d71585c76
|
|
@ -107,6 +107,12 @@
|
||||||
<mult-color-picker :value="form.more_button_color_list" :type="form.more_button_direction" @update:value="more_button_color_picker_event"></mult-color-picker>
|
<mult-color-picker :value="form.more_button_color_list" :type="form.more_button_direction" @update:value="more_button_color_picker_event"></mult-color-picker>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex-row gap-20">
|
||||||
|
<span class="size-12 cr-9">按钮圆角</span>
|
||||||
|
<div class="flex-1">
|
||||||
|
<radius :value="form.more_button_radius"></radius>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</card-container>
|
</card-container>
|
||||||
|
|
|
||||||
|
|
@ -109,6 +109,12 @@
|
||||||
<mult-color-picker :value="form.more_button_color_list" :type="form.more_button_direction" @update:value="more_button_color_picker_event"></mult-color-picker>
|
<mult-color-picker :value="form.more_button_color_list" :type="form.more_button_direction" @update:value="more_button_color_picker_event"></mult-color-picker>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="flex-row gap-20">
|
||||||
|
<span class="size-12 cr-9">按钮圆角</span>
|
||||||
|
<div class="flex-1">
|
||||||
|
<radius :value="form.more_button_radius"></radius>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</card-container>
|
</card-container>
|
||||||
|
|
|
||||||
|
|
@ -97,6 +97,7 @@ interface defaultTabs {
|
||||||
more_button_text_selected_color: string;
|
more_button_text_selected_color: string;
|
||||||
more_button_direction: string;
|
more_button_direction: string;
|
||||||
more_button_color_list: color_list[];
|
more_button_color_list: color_list[];
|
||||||
|
more_button_radius: radiusStyle;
|
||||||
data_spacing: number;
|
data_spacing: number;
|
||||||
radius: number;
|
radius: number;
|
||||||
radius_top_left: number;
|
radius_top_left: number;
|
||||||
|
|
@ -341,6 +342,13 @@ const defaultTabs: defaultTabs = {
|
||||||
more_button_text_selected_color: '#666',
|
more_button_text_selected_color: '#666',
|
||||||
more_button_direction: '90deg',
|
more_button_direction: '90deg',
|
||||||
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
||||||
|
more_button_radius: {
|
||||||
|
radius: 57,
|
||||||
|
radius_top_left: 57,
|
||||||
|
radius_top_right: 57,
|
||||||
|
radius_bottom_left: 57,
|
||||||
|
radius_bottom_right: 57,
|
||||||
|
},
|
||||||
// 选项卡与轮播之间的间距
|
// 选项卡与轮播之间的间距
|
||||||
data_spacing: 0,
|
data_spacing: 0,
|
||||||
// 图片圆角
|
// 图片圆角
|
||||||
|
|
|
||||||
|
|
@ -97,6 +97,7 @@ interface defaultTabs {
|
||||||
more_button_text_selected_color: string;
|
more_button_text_selected_color: string;
|
||||||
more_button_direction: string;
|
more_button_direction: string;
|
||||||
more_button_color_list: color_list[];
|
more_button_color_list: color_list[];
|
||||||
|
more_button_radius: radiusStyle;
|
||||||
data_spacing: number;
|
data_spacing: number;
|
||||||
common_style: object;
|
common_style: object;
|
||||||
};
|
};
|
||||||
|
|
@ -449,6 +450,13 @@ const defaultTabs: defaultTabs = {
|
||||||
more_button_text_selected_color: '#666',
|
more_button_text_selected_color: '#666',
|
||||||
more_button_direction: '90deg',
|
more_button_direction: '90deg',
|
||||||
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
||||||
|
more_button_radius: {
|
||||||
|
radius: 57,
|
||||||
|
radius_top_left: 57,
|
||||||
|
radius_top_right: 57,
|
||||||
|
radius_bottom_left: 57,
|
||||||
|
radius_bottom_right: 57,
|
||||||
|
},
|
||||||
// 选项卡与轮播之间的间距
|
// 选项卡与轮播之间的间距
|
||||||
data_spacing: 0,
|
data_spacing: 0,
|
||||||
// 公共样式
|
// 公共样式
|
||||||
|
|
|
||||||
|
|
@ -59,6 +59,7 @@ interface defaultTabs {
|
||||||
more_button_text_selected_color: string;
|
more_button_text_selected_color: string;
|
||||||
more_button_direction: string;
|
more_button_direction: string;
|
||||||
more_button_color_list: color_list[];
|
more_button_color_list: color_list[];
|
||||||
|
more_button_radius: radiusStyle;
|
||||||
common_style: object;
|
common_style: object;
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
@ -135,6 +136,13 @@ const defaultTabs: defaultTabs = {
|
||||||
more_button_text_selected_color: '#666',
|
more_button_text_selected_color: '#666',
|
||||||
more_button_direction: '90deg',
|
more_button_direction: '90deg',
|
||||||
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
more_button_color_list: [{ color: '#eee', color_percentage: undefined }],
|
||||||
|
more_button_radius: {
|
||||||
|
radius: 57,
|
||||||
|
radius_top_left: 57,
|
||||||
|
radius_top_right: 57,
|
||||||
|
radius_bottom_left: 57,
|
||||||
|
radius_bottom_right: 57,
|
||||||
|
},
|
||||||
common_style: {
|
common_style: {
|
||||||
...defaultCommon,
|
...defaultCommon,
|
||||||
color_list: [{ color: '#fff', color_percentage: undefined }],
|
color_list: [{ color: '#fff', color_percentage: undefined }],
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue