468 lines
14 KiB
TypeScript
468 lines
14 KiB
TypeScript
import { get_math } from '@/utils';
|
|
import { cloneDeep } from 'lodash';
|
|
import defaultCommon from './index';
|
|
import commonTop from './common-top';
|
|
// 轮播图
|
|
import defaultCarousel from '@/config/const/carousel';
|
|
// 视频
|
|
import defaultVideo from '@/config/const/video';
|
|
// 导航组
|
|
import defaultNavGroup from '@/config/const/nav-group';
|
|
// 文章列表
|
|
import defaultArticleList from '@/config/const/article-list';
|
|
// 商品列表
|
|
import defaultGoodsList from '@/config/const/goods-list';
|
|
// 商品魔方
|
|
import defaultGoodsMagic from '@/config/const/goods-magic';
|
|
// 图片魔方
|
|
import defaultImgMagic from '@/config/const/img-magic';
|
|
// 热区
|
|
import defaultHotZone from '@/config/const/hot-zone';
|
|
// 自定义
|
|
import defaultCustom from '@/config/const/custom';
|
|
interface tabs_page {
|
|
id: string;
|
|
tabs_type: string;
|
|
tabs_img: uploadList[];
|
|
tabs_icon: string;
|
|
is_sliding_fixed: string,
|
|
title: string;
|
|
desc: string;
|
|
data_type: string;
|
|
classify: object;
|
|
micro_page: string;
|
|
micro_page_list: object;
|
|
category_list: object;
|
|
magic_type: string;
|
|
magic_common: object;
|
|
rotating_background: string,
|
|
carousel: object;
|
|
video: object;
|
|
nav_group: object;
|
|
article_list: object;
|
|
goods_list: object;
|
|
goods_magic: object;
|
|
img_magic: object;
|
|
hot_zone: object;
|
|
custom: object;
|
|
}
|
|
interface defaultTabs {
|
|
content: {
|
|
content_top: object;
|
|
justification: string,
|
|
show_more: string,
|
|
tabs_theme: string;
|
|
tabs_adorn_icon: string;
|
|
tabs_adorn_img: uploadList[];
|
|
tabs_top_up: string;
|
|
is_tabs_safe_distance: string;
|
|
home_data: tabs_page;
|
|
tabs_active_index: number;
|
|
tabs_list: tabs_page[];
|
|
};
|
|
style: {
|
|
tabs_one_theme: string;
|
|
tabs_checked: color_list[];
|
|
is_tabs_adorn_img_background: string;
|
|
tabs_adorn_icon_size: number,
|
|
tabs_adorn_img_radius: radiusStyle,
|
|
tabs_adorn_img_height: number,
|
|
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;
|
|
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[];
|
|
more_button_radius: radiusStyle;
|
|
data_spacing: number;
|
|
common_style: object;
|
|
};
|
|
}
|
|
const magic_common_config = {
|
|
// 魔方内容设置
|
|
magic_content: {
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_img: [],
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
margin: 0,
|
|
margin_top: 0,
|
|
margin_bottom: 0,
|
|
margin_left: 0,
|
|
margin_right: 0,
|
|
padding: 0,
|
|
padding_top: 0,
|
|
padding_bottom: 10,
|
|
padding_left: 10,
|
|
padding_right: 10,
|
|
// 边框样式
|
|
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,
|
|
},
|
|
}
|
|
// 魔方配置
|
|
export const magic_config = {
|
|
carousel: {
|
|
content: cloneDeep(defaultCarousel.content),
|
|
style: {
|
|
...cloneDeep(defaultCarousel.style),
|
|
// 轮播内间距设置
|
|
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,
|
|
},
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
video: {
|
|
content: cloneDeep(defaultVideo.content),
|
|
style: {
|
|
...cloneDeep(defaultVideo.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
nav_group: {
|
|
content: cloneDeep(defaultNavGroup.content),
|
|
style: {
|
|
...cloneDeep(defaultNavGroup.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
article_list: {
|
|
content: cloneDeep(defaultArticleList.content),
|
|
style: {
|
|
...cloneDeep(defaultArticleList.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
goods_list: {
|
|
content: cloneDeep(defaultGoodsList.content),
|
|
style: {
|
|
...cloneDeep(defaultGoodsList.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
goods_magic: {
|
|
content: cloneDeep(defaultGoodsMagic.content),
|
|
style: {
|
|
...cloneDeep(defaultGoodsMagic.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
img_magic: {
|
|
content: cloneDeep(defaultImgMagic.content),
|
|
style: {
|
|
...cloneDeep(defaultImgMagic.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
hot_zone: {
|
|
content: cloneDeep(defaultHotZone.content),
|
|
style: {
|
|
...cloneDeep(defaultHotZone.style),
|
|
...cloneDeep(magic_common_config)
|
|
}
|
|
},
|
|
custom:{
|
|
...cloneDeep(defaultCustom),
|
|
style: {
|
|
...cloneDeep(defaultCustom.style),
|
|
...cloneDeep(magic_common_config),
|
|
data_content_style: {
|
|
...cloneDeep(defaultCustom.style.data_content_style),
|
|
color_list: [{ color: 'rgb(244, 252, 255)', color_percentage: undefined }],
|
|
}
|
|
}
|
|
},
|
|
// 通用样式
|
|
magic_common: {
|
|
is_show: '0',
|
|
direction: '90deg',
|
|
color_list: [{ color: '', color_percentage: undefined }],
|
|
background_img_style: '2',
|
|
background_img: [],
|
|
},
|
|
}
|
|
const defaultTabs: defaultTabs = {
|
|
content: {
|
|
content_top: {
|
|
...commonTop,
|
|
},
|
|
justification: 'left',
|
|
show_more: '1',
|
|
// 选项卡风格
|
|
tabs_theme: '0',
|
|
// 选中装饰图标
|
|
tabs_adorn_icon: 'checked-smooth',
|
|
tabs_adorn_img: [],
|
|
// 是否置顶
|
|
tabs_top_up: '0',
|
|
// 是否支持安全距离
|
|
is_tabs_safe_distance: '0',
|
|
// 选项卡索引
|
|
tabs_active_index: 0,
|
|
// 选项卡数据
|
|
home_data: {
|
|
id: get_math(),
|
|
tabs_type: '0',
|
|
tabs_img: [],
|
|
tabs_icon: '',
|
|
is_sliding_fixed: '0',
|
|
title: '首页',
|
|
desc: '简介',
|
|
data_type: '0',
|
|
classify: {},
|
|
micro_page: '',
|
|
micro_page_list: {},
|
|
category_list: {},
|
|
magic_type: 'carousel',
|
|
rotating_background: '0',
|
|
...cloneDeep(magic_config),
|
|
},
|
|
tabs_list: [
|
|
{
|
|
id: get_math(),
|
|
tabs_type: '0',
|
|
tabs_img: [],
|
|
tabs_icon: '',
|
|
is_sliding_fixed: '0',
|
|
title: '热门推荐',
|
|
desc: '简介',
|
|
data_type: '0',
|
|
classify: {},
|
|
micro_page: '',
|
|
micro_page_list: {},
|
|
category_list: {},
|
|
magic_type: '',
|
|
rotating_background: '0',
|
|
...cloneDeep(magic_config),
|
|
},
|
|
{
|
|
id: get_math(),
|
|
tabs_type: '0',
|
|
tabs_img: [],
|
|
tabs_icon: '',
|
|
is_sliding_fixed: '0',
|
|
title: '测试一',
|
|
desc: '简介',
|
|
data_type: '0',
|
|
classify: {},
|
|
micro_page: '',
|
|
micro_page_list: {},
|
|
category_list: {},
|
|
magic_type: '',
|
|
rotating_background: '0',
|
|
...cloneDeep(magic_config),
|
|
},
|
|
{
|
|
id: get_math(),
|
|
tabs_type: '0',
|
|
tabs_img: [],
|
|
tabs_icon: '',
|
|
is_sliding_fixed: '0',
|
|
title: '测试二',
|
|
desc: '简介',
|
|
data_type: '0',
|
|
classify: {},
|
|
micro_page: '',
|
|
micro_page_list: {},
|
|
category_list: {},
|
|
magic_type: '',
|
|
rotating_background: '0',
|
|
...cloneDeep(magic_config),
|
|
},
|
|
],
|
|
},
|
|
style: {
|
|
// 选项卡设置
|
|
tabs_one_theme: '0',
|
|
tabs_checked: [
|
|
{ color: '#FF2222', color_percentage: undefined },
|
|
{ color: '#FF9898', color_percentage: undefined },
|
|
],
|
|
is_tabs_adorn_img_background: '0',
|
|
tabs_adorn_icon_size: 15,
|
|
tabs_adorn_img_radius: {
|
|
radius: 0,
|
|
radius_top_left: 0,
|
|
radius_top_right: 0,
|
|
radius_bottom_left: 0,
|
|
radius_bottom_right: 0,
|
|
},
|
|
tabs_adorn_img_height: 10,
|
|
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,
|
|
},
|
|
// 更多设置
|
|
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 }],
|
|
more_button_radius: {
|
|
radius: 57,
|
|
radius_top_left: 57,
|
|
radius_top_right: 57,
|
|
radius_bottom_left: 57,
|
|
radius_bottom_right: 57,
|
|
},
|
|
// 选项卡与轮播之间的间距
|
|
data_spacing: 0,
|
|
// 公共样式
|
|
common_style: defaultCommon,
|
|
},
|
|
};
|
|
|
|
export default defaultTabs;
|