新增更多按钮圆角

v1.4.0
于肖磊 2025-08-08 12:01:39 +08:00
parent c17377928f
commit 4d71585c76
5 changed files with 36 additions and 0 deletions

View File

@ -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>

View File

@ -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>

View File

@ -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,
// 图片圆角 // 图片圆角

View File

@ -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,
// 公共样式 // 公共样式

View File

@ -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 }],