383 lines
12 KiB
TypeScript
383 lines
12 KiB
TypeScript
import { get_math } from '@/utils';
|
|
import defaultCommon from './index';
|
|
import commonTop from './common-top';
|
|
interface tabs_page {
|
|
id: string;
|
|
tabs_type: string;
|
|
tabs_img: uploadList[];
|
|
tabs_icon: string;
|
|
title: string;
|
|
desc: string;
|
|
data_type: string;
|
|
classify: object;
|
|
micro_page: string;
|
|
micro_page_list: object;
|
|
category_list: object;
|
|
}
|
|
interface carousel_list {
|
|
carousel_img: uploadList[];
|
|
carousel_video: uploadList[];
|
|
carousel_link: object;
|
|
video_title: string;
|
|
style: {
|
|
direction: string;
|
|
color_list: color_list[];
|
|
background_img_style: string;
|
|
background_type: string,
|
|
background_img: uploadList[];
|
|
is_background_img_blur: string;
|
|
}
|
|
}
|
|
interface defaultTabs {
|
|
content: {
|
|
content_top: object;
|
|
tabs_theme: string;
|
|
tabs_top_up: string;
|
|
home_data: tabs_page;
|
|
tabs_list: tabs_page[];
|
|
carousel_type: string;
|
|
carousel_list: carousel_list[];
|
|
img_fit: string;
|
|
is_roll: string;
|
|
interval_time: number;
|
|
height: number;
|
|
};
|
|
style: {
|
|
tabs_one_theme: string;
|
|
tabs_checked: color_list[];
|
|
tabs_direction: string;
|
|
tabs_weight_checked: string;
|
|
tabs_size_checked: number;
|
|
tabs_color_checked: string;
|
|
tabs_weight: string;
|
|
tabs_size: number;
|
|
tabs_color: string;
|
|
tabs_icon_color_checked: string;
|
|
tabs_icon_size_checked: number,
|
|
tabs_icon_color: string,
|
|
tabs_icon_size: number,
|
|
is_tabs_img_background: string,
|
|
tabs_img_radius: radiusStyle,
|
|
tabs_img_height: number,
|
|
tabs_spacing: number;
|
|
tabs_sign_spacing: number;
|
|
tabs_bg_direction: string,
|
|
tabs_bg_color_list: color_list[],
|
|
tabs_bg_background_img_style: string,
|
|
tabs_bg_background_img: string[],
|
|
tabs_radius: radiusStyle;
|
|
tabs_margin: marginStyle;
|
|
tabs_padding: paddingStyle;
|
|
tabs_content: object;
|
|
carousel_content_direction: string;
|
|
carousel_content_color_list: color_list[];
|
|
carousel_content_background_img_style: string;
|
|
carousel_content_background_img: string[];
|
|
carousel_content_radius: radiusStyle;
|
|
carousel_content_margin: marginStyle;
|
|
carousel_content_padding: paddingStyle;
|
|
carousel_content: object;
|
|
more_icon_class: string;
|
|
more_icon_color: string;
|
|
more_icon_size: number;
|
|
data_spacing: number;
|
|
radius: number;
|
|
radius_top_left: number;
|
|
radius_top_right: number;
|
|
radius_bottom_left: number;
|
|
radius_bottom_right: number;
|
|
is_show: string;
|
|
image_spacing: number;
|
|
indicator_style: string;
|
|
indicator_new_location: string;
|
|
indicator_location: string;
|
|
indicator_size: number;
|
|
indicator_bottom: number;
|
|
indicator_radius: radiusStyle;
|
|
video_is_show: string;
|
|
video_type: string;
|
|
video_radius: radiusStyle;
|
|
video_padding: paddingStyle;
|
|
video_img: uploadList[];
|
|
video_icon_class: string;
|
|
video_icon_color: string;
|
|
video_location: string;
|
|
video_bottom: number;
|
|
video_title_color: string;
|
|
video_title_size: number;
|
|
video_color_list: color_list[];
|
|
video_direction: string;
|
|
actived_color: string;
|
|
color: string;
|
|
common_style: object;
|
|
};
|
|
}
|
|
const defaultTabs: defaultTabs = {
|
|
content: {
|
|
content_top: {
|
|
...commonTop,
|
|
},
|
|
// 选项卡风格
|
|
tabs_theme: '0',
|
|
// 是否置顶
|
|
tabs_top_up: '0',
|
|
// 选项卡数据
|
|
home_data: { id: get_math(), tabs_type: '0', tabs_img: [], tabs_icon: '', title: '首页', desc: '简介', data_type: '0', classify: {}, micro_page: '', micro_page_list: {}, category_list: {} },
|
|
tabs_list: [
|
|
{ id: get_math(), tabs_type: '0', tabs_img: [], tabs_icon: '', title: '热门推荐', desc: '简介', data_type: '0', classify: {}, micro_page: '', micro_page_list: {}, category_list: {} },
|
|
{ id: get_math(), tabs_type: '0', tabs_img: [], tabs_icon: '', title: '测试一', desc: '简介', data_type: '0', classify: {}, micro_page: '', micro_page_list: {}, category_list: {} },
|
|
{ id: get_math(), tabs_type: '0', tabs_img: [], tabs_icon: '', title: '测试二', desc: '简介', data_type: '0', classify: {}, micro_page: '', micro_page_list: {}, category_list: {} },
|
|
],
|
|
// 轮播类型
|
|
carousel_type: 'inherit',
|
|
// 轮播图片方式
|
|
img_fit: 'contain',
|
|
// 轮播是否滚动
|
|
is_roll: '1',
|
|
interval_time: 3,
|
|
// 轮播图片列表
|
|
carousel_list: [
|
|
{
|
|
carousel_img: [],
|
|
carousel_video: [],
|
|
carousel_link: {},
|
|
video_title: '视频名称',
|
|
style: {
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_type: 'custom',
|
|
background_img: [],
|
|
is_background_img_blur: '0',
|
|
}
|
|
},
|
|
{
|
|
carousel_img: [],
|
|
carousel_video: [],
|
|
carousel_link: {},
|
|
video_title: '视频名称',
|
|
style: {
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_type: 'custom',
|
|
background_img: [],
|
|
is_background_img_blur: '0',
|
|
}
|
|
},
|
|
{
|
|
carousel_img: [],
|
|
carousel_video: [],
|
|
carousel_link: {},
|
|
video_title: '视频名称',
|
|
style: {
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_type: 'custom',
|
|
background_img: [],
|
|
is_background_img_blur: '0',
|
|
}
|
|
},
|
|
{
|
|
carousel_img: [],
|
|
carousel_video: [],
|
|
carousel_link: {},
|
|
video_title: '视频名称',
|
|
style: {
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_type: 'custom',
|
|
background_img: [],
|
|
is_background_img_blur: '0',
|
|
}
|
|
},
|
|
],
|
|
// 轮播高度
|
|
height: 300,
|
|
},
|
|
style: {
|
|
// 选项卡设置
|
|
tabs_one_theme: '0',
|
|
tabs_checked: [
|
|
{ color: '#FF2222', color_percentage: undefined },
|
|
{ color: '#FF9898', color_percentage: undefined },
|
|
],
|
|
tabs_direction: '90deg',
|
|
tabs_weight_checked: 'bold',
|
|
tabs_size_checked: 14,
|
|
tabs_color_checked: 'rgba(51,51,51,1)',
|
|
tabs_weight: 'bold',
|
|
tabs_size: 14,
|
|
tabs_color: 'rgba(51,51,51,1)',
|
|
tabs_icon_color_checked: 'rgba(51,51,51,1)',
|
|
tabs_icon_size_checked: 14,
|
|
tabs_icon_color: 'rgba(51,51,51,1)',
|
|
tabs_icon_size: 14,
|
|
is_tabs_img_background: '0',
|
|
tabs_img_radius: {
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
},
|
|
tabs_img_height: 20,
|
|
tabs_spacing: 20,
|
|
tabs_sign_spacing: 4,
|
|
// 选项卡背景设置
|
|
tabs_bg_direction: '90deg',
|
|
tabs_bg_color_list: [{ color: '', color_percentage: undefined }],
|
|
tabs_bg_background_img_style: '2',
|
|
tabs_bg_background_img: [],
|
|
tabs_radius: {
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
},
|
|
tabs_margin: {
|
|
margin: 0,
|
|
margin_top: 0,
|
|
margin_bottom: 0,
|
|
margin_left: 0,
|
|
margin_right: 0,
|
|
},
|
|
tabs_padding: {
|
|
padding: 10,
|
|
padding_top: 10,
|
|
padding_bottom: 10,
|
|
padding_left: 10,
|
|
padding_right: 10,
|
|
},
|
|
tabs_content: {
|
|
// 边框样式
|
|
border_is_show: '0',
|
|
border_color: '#FF3F3F',
|
|
border_style: 'solid',
|
|
border_size: {
|
|
padding: 1,
|
|
padding_top: 1,
|
|
padding_right: 1,
|
|
padding_bottom: 1,
|
|
padding_left: 1,
|
|
},
|
|
// 阴影
|
|
box_shadow_color: '',
|
|
box_shadow_x: 0,
|
|
box_shadow_y: 0,
|
|
box_shadow_blur: 0,
|
|
box_shadow_spread: 0,
|
|
},
|
|
// 轮播内间距设置
|
|
carousel_content_direction: '90deg',
|
|
carousel_content_color_list: [{ color: '', color_percentage: undefined }],
|
|
carousel_content_background_img_style: '2',
|
|
carousel_content_background_img: [],
|
|
carousel_content_radius: {
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
},
|
|
carousel_content_margin: {
|
|
margin: 0,
|
|
margin_top: 0,
|
|
margin_bottom: 0,
|
|
margin_left: 0,
|
|
margin_right: 0,
|
|
},
|
|
carousel_content_padding: {
|
|
padding: 0,
|
|
padding_top: 0,
|
|
padding_bottom: 10,
|
|
padding_left: 10,
|
|
padding_right: 10,
|
|
},
|
|
carousel_content: {
|
|
// 边框样式
|
|
border_is_show: '0',
|
|
border_color: '#FF3F3F',
|
|
border_style: 'solid',
|
|
border_size: {
|
|
padding: 1,
|
|
padding_top: 1,
|
|
padding_right: 1,
|
|
padding_bottom: 1,
|
|
padding_left: 1,
|
|
},
|
|
// 阴影
|
|
box_shadow_color: '',
|
|
box_shadow_x: 0,
|
|
box_shadow_y: 0,
|
|
box_shadow_blur: 0,
|
|
box_shadow_spread: 0,
|
|
},
|
|
// 更多设置
|
|
more_icon_class: 'category-more',
|
|
more_icon_color: '#000',
|
|
more_icon_size: 14,
|
|
// 选项卡与轮播之间的间距
|
|
data_spacing: 0,
|
|
// 图片圆角
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
// 图片间距
|
|
image_spacing: 10,
|
|
// 指示器设置
|
|
is_show: '1',
|
|
indicator_style: 'dot',
|
|
indicator_new_location: 'bottom',
|
|
indicator_location: 'center',
|
|
indicator_size: 5,
|
|
indicator_bottom: 6,
|
|
indicator_radius: {
|
|
radius: 4,
|
|
radius_top_left: 4,
|
|
radius_top_right: 4,
|
|
radius_bottom_left: 4,
|
|
radius_bottom_right: 4,
|
|
},
|
|
actived_color: '#2A94FF',
|
|
color: '#DDDDDD',
|
|
// 轮播视频处理
|
|
video_is_show: '1',
|
|
video_type: 'icon',
|
|
video_radius: {
|
|
radius: 20,
|
|
radius_top_left: 20,
|
|
radius_top_right: 20,
|
|
radius_bottom_left: 20,
|
|
radius_bottom_right: 20,
|
|
},
|
|
video_padding: {
|
|
padding: 0,
|
|
padding_top: 3,
|
|
padding_bottom: 3,
|
|
padding_left: 6,
|
|
padding_right: 12,
|
|
},
|
|
video_img: [],
|
|
video_icon_class: '',
|
|
video_icon_color: '#ff6868',
|
|
video_location: 'center',
|
|
video_bottom: 20,
|
|
// 视频标题设置
|
|
video_title_color: '#666',
|
|
video_title_size: 12,
|
|
// 轮播视频背景
|
|
video_color_list: [{ color: '#F0F0F0', color_percentage: undefined }],
|
|
video_direction: '180deg',
|
|
// 公共样式
|
|
common_style: defaultCommon,
|
|
},
|
|
};
|
|
|
|
export default defaultTabs;
|