-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
- 平移
- 切屏
-
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
+
+ {{ item.name }}
+
+
{{ item.name }}
@@ -18,47 +23,38 @@
四列展示
-
-
-
-
- 一行
- 两行
-
+
+
-
+
+
+
+
+ {{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- 图片/图标
- 文字
-
-
-
-
-
-
-
@@ -97,7 +93,13 @@ const state = reactive({
});
// 如果需要解构，确保使用toRefs
const { form, data } = toRefs(state);
+
+const tabs_name = ref('details');
const base_list = reactive({
+ host_graph_theme_list: [
+ { name: '单列展示', value: '0', width: 128, height: 128 },
+ { name: '大图展示', value: '1', width: 0, height: 221 },
+ ],
theme_list: [
{ name: '单列展示', value: '0', width: 50, height: 50 },
{ name: '两列展示（纵向）', value: '1', width:180, height: 180 },
@@ -105,18 +107,19 @@ const base_list = reactive({
{ name: '左右滑动展示', value: '3', width:0, height: 0 },
],
data_type_list: [
- { name: '指定门店', value: '0' },
- { name: '筛选门店', value: '1' },
+ { name: '指定组合搭配', value: '0' },
+ { name: '筛选组合搭配', value: '1' },
],
- field_show_list: [
- { name: '博客标题', value: '3' },
- { name: '日期时间', value: '0' },
- { name: '浏览量', value: '1' },
- { name: '描述', value: '2' },
+ list_show_list: [
+ { name: '商品名称', value: 'title'},
+ { name: '商品图片', value: 'goods_img' },
+ { name: '商品售价', value: 'price' },
+ { name: '商品节省价', value: 'save_price' },
],
- field_desc_row: [
- { name: '一行', value: '1' },
- { name: '两行', value: '2' }
+ tabs: [
+ { label: "详情按钮", name: "details" },
+ { label: "数据优惠", name: "data_discounts" },
+ { label: "商品优惠", name: "goods_discounts" },
]
});
@@ -132,6 +135,14 @@ onMounted(() => {
}
}
});
+const host_graph_theme_change = () => {
+ // 切换风格时，将对应图片的默认值宽度和高度赋值
+ const list = base_list.host_graph_theme_list.filter(item => item.value == form.value.theme);
+ if (list.length > 0) {
+ data.value.host_graph_img_width = list[0].width;
+ data.value.host_graph_img_height = list[0].height;
+ }
+}
// 主题改变
const theme_change = (val: any) => {
if (val == '3' || val == '4') {
@@ -140,20 +151,20 @@ const theme_change = (val: any) => {
form.value.field_show = ['0', '1', '3'];
}
if (val == '0') {
- if (data.value.shop_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.shop_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) {
- data.value.shop_img_radius.radius = props.defaultConfig.img_radius_0;
- data.value.shop_img_radius.radius_bottom_left = props.defaultConfig.img_radius_0;
- data.value.shop_img_radius.radius_bottom_right = props.defaultConfig.img_radius_0;
- data.value.shop_img_radius.radius_top_left = props.defaultConfig.img_radius_0;
- data.value.shop_img_radius.radius_top_right = props.defaultConfig.img_radius_0;
+ if (data.value.goods_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.goods_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) {
+ data.value.goods_img_radius.radius = props.defaultConfig.img_radius_0;
+ data.value.goods_img_radius.radius_bottom_left = props.defaultConfig.img_radius_0;
+ data.value.goods_img_radius.radius_bottom_right = props.defaultConfig.img_radius_0;
+ data.value.goods_img_radius.radius_top_left = props.defaultConfig.img_radius_0;
+ data.value.goods_img_radius.radius_top_right = props.defaultConfig.img_radius_0;
}
} else {
- if (data.value.shop_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.shop_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.shop_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) {
- data.value.shop_img_radius.radius = props.defaultConfig.img_radius_1;
- data.value.shop_img_radius.radius_bottom_left = props.defaultConfig.img_radius_1;
- data.value.shop_img_radius.radius_bottom_right = props.defaultConfig.img_radius_1;
- data.value.shop_img_radius.radius_top_left = props.defaultConfig.img_radius_1;
- data.value.shop_img_radius.radius_top_right = props.defaultConfig.img_radius_1;
+ if (data.value.goods_img_radius.radius == props.defaultConfig.img_radius_0 || (data.value.goods_img_radius.radius_bottom_left == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_bottom_right == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_top_left == props.defaultConfig.img_radius_1 && data.value.goods_img_radius.radius_top_right == props.defaultConfig.img_radius_1)) {
+ data.value.goods_img_radius.radius = props.defaultConfig.img_radius_1;
+ data.value.goods_img_radius.radius_bottom_left = props.defaultConfig.img_radius_1;
+ data.value.goods_img_radius.radius_bottom_right = props.defaultConfig.img_radius_1;
+ data.value.goods_img_radius.radius_top_left = props.defaultConfig.img_radius_1;
+ data.value.goods_img_radius.radius_top_right = props.defaultConfig.img_radius_1;
}
}
// 切换风格时，将对应图片的默认值宽度和高度赋值
@@ -218,16 +229,20 @@ const switch_chage = (val: string | number | boolean) => {
};
diff --git a/src/components/model-binding/model-binding-styles.vue b/src/components/model-binding/model-binding-styles.vue
index 7ab863ac..3b91e9ea 100644
--- a/src/components/model-binding/model-binding-styles.vue
+++ b/src/components/model-binding/model-binding-styles.vue
@@ -1,108 +1,71 @@
-
-
-
-
-
@@ -131,13 +134,13 @@ const new_url_list = computed(() => {
// 标题图片样式
const title_img_style = computed(() => {
return (title_url: url[], index: number) => {
- const { shop_title_img_width = 0, shop_title_img_height = 0, shop_title_img_radius, shop_title_img_inner_spacing, shop_title_img_outer_spacing} = new_style.value;
- let style = `width: ${shop_title_img_width || 0 }px;height: ${ shop_title_img_height || 0 }px;${ radius_computer(shop_title_img_radius) }`;
+ const { goods_title_img_width = 0, goods_title_img_height = 0, goods_title_img_radius, goods_title_img_inner_spacing, goods_title_img_outer_spacing} = new_style.value;
+ let style = `width: ${goods_title_img_width || 0 }px;height: ${ goods_title_img_height || 0 }px;${ radius_computer(goods_title_img_radius) }`;
const list = title_url.filter(item1 => !isEmpty(item1.url));
if (index < list.length - 1) {
- style += `margin-right: ${ shop_title_img_inner_spacing || 0}px;`;
+ style += `margin-right: ${ goods_title_img_inner_spacing || 0}px;`;
} else {
- style += `margin-right: ${ shop_title_img_outer_spacing || 0}px;`;
+ style += `margin-right: ${ goods_title_img_outer_spacing || 0}px;`;
}
return style;
}
@@ -207,20 +210,20 @@ watch(() => watch_data.value, (val, oldVal) => {
// 门店间距
const content_outer_spacing = computed(() => new_style.value.content_outer_spacing);
// 圆角设置
-const content_radius = computed(() => radius_computer(new_style.value.shop_radius));
+const content_radius = computed(() => radius_computer(new_style.value.goods_radius));
// 图片圆角设置
-const content_img_radius = computed(() => radius_computer(new_style.value.shop_img_radius));
+const content_img_radius = computed(() => radius_computer(new_style.value.goods_img_radius));
// 内边距设置
-const content_padding = computed(() => padding_computer(new_style.value.shop_padding));
-const shop_left_right_width_margin = computed(() => {
- const { shop_margin = old_margin } = new_style.value;
- return shop_margin.margin_left + shop_margin.margin_right;
+const content_padding = computed(() => padding_computer(new_style.value.goods_padding));
+const goods_left_right_width_margin = computed(() => {
+ const { goods_margin = old_margin } = new_style.value;
+ return goods_margin.margin_left + goods_margin.margin_right;
});
// 两列风格
-const two_columns = computed(() => content_outer_spacing.value + shop_left_right_width_margin.value * 2 + 'px' );
+const two_columns = computed(() => content_outer_spacing.value + goods_left_right_width_margin.value * 2 + 'px' );
// 根据传递的参数，从对象中取值
const trends_config = (key: string, type?: string) => {
- return style_config(new_style.value[`shop_${key}_typeface`], new_style.value[`shop_${key}_size`], new_style.value[`shop_${key}_color`], type);
+ return style_config(new_style.value[`goods_${key}_typeface`], new_style.value[`goods_${key}_size`], new_style.value[`goods_${key}_color`], type);
};
// 根据传递的值，显示不同的内容
const style_config = (typeface: string, size: number, color: string | object, type?: string) => {
@@ -229,7 +232,7 @@ const style_config = (typeface: string, size: number, color: string | object, ty
};
// 按钮渐变色处理
const button_gradient = () => {
- return gradient_handle(new_style.value.shop_button_color, '180deg');
+ return gradient_handle(new_style.value.goods_button_color, '180deg');
};
// 不同风格下的样式
const layout_type = computed(() => {
@@ -255,16 +258,16 @@ const layout_type = computed(() => {
// 容器样式
const layout_style = computed(() => {
const radius = theme.value == '6' ? '' : content_radius.value;
- const width = theme.value == '0' ? `width: calc(100% - ${ shop_left_right_width_margin.value }px);` : '';
- const gradient = gradient_handle(new_style.value.shop_color_list, new_style.value.shop_direction) + margin_computer(new_style.value.shop_margin) + border_computer(new_style.value) + box_shadow_computer(new_style.value);
+ const width = theme.value == '0' ? `width: calc(100% - ${ goods_left_right_width_margin.value }px);` : '';
+ const gradient = gradient_handle(new_style.value.goods_color_list, new_style.value.goods_direction) + margin_computer(new_style.value.goods_margin) + border_computer(new_style.value) + box_shadow_computer(new_style.value);
return `${radius} ${ gradient } ${ width }`;
});
// 容器图片样式
const layout_img_style = computed(() => {
const padding = theme.value == 0 ? content_padding.value : '';
const data = {
- background_img_style: new_style.value.shop_background_img_style,
- background_img: new_style.value.shop_background_img,
+ background_img_style: new_style.value.goods_background_img_style,
+ background_img: new_style.value.goods_background_img,
}
return padding + background_computer(data);
});
@@ -301,18 +304,18 @@ watchEffect(() => {
carouselKey.value = get_math();
});
//#endregion
-const shop_style_list = [
+const goods_style_list = [
{ name: '单列展示', value: '0', width: 50, height: 50 },
{ name: '两列展示（纵向）', value: '1', width:180, height: 180 },
{ name: '大图展示', value: '2', width:0, height: 180 },
{ name: '左右滑动展示', value: '3', width:0, height: 0 },
]
// 宽度和高度为空的时候，修改默认值
-const shop_img_width = computed(() => {
+const goods_img_width = computed(() => {
if (typeof new_style.value.content_img_width == 'number') {
return new_style.value.content_img_width + 'px';
} else {
- const list = shop_style_list.filter(item => item.value == theme.value);
+ const list = goods_style_list.filter(item => item.value == theme.value);
if (list.length > 0) {
return list[0].width + 'px';
} else {
@@ -321,11 +324,11 @@ const shop_img_width = computed(() => {
}
});
// 宽度和高度为空的时候，修改默认值
-const shop_img_height = computed(() => {
+const goods_img_height = computed(() => {
if (typeof new_style.value.content_img_height == 'number') {
return new_style.value.content_img_height + 'px';
} else {
- const list = shop_style_list.filter(item => item.value == theme.value);
+ const list = goods_style_list.filter(item => item.value == theme.value);
if (list.length > 0) {
return list[0].height + 'px';
} else {
@@ -350,16 +353,16 @@ const content_outer_height = computed(() => new_style.value.content_outer_height
height: v-bind(content_outer_height);
}
.flex-img0 {
- height: v-bind(shop_img_height);
- width: v-bind(shop_img_width);
+ height: v-bind(goods_img_height);
+ width: v-bind(goods_img_width);
}
.flex-img1 {
width: 100%;
- height: v-bind(shop_img_height);
+ height: v-bind(goods_img_height);
}
.flex-img2 {
width: 100%;
- height: v-bind(shop_img_height);
+ height: v-bind(goods_img_height);
}
.flex-img3 {
width: 100%;
diff --git a/src/components/model-binding/model-binding-content.vue b/src/components/model-binding/model-binding-content.vue
index 9f4af749..759c67b8 100644
--- a/src/components/model-binding/model-binding-content.vue
+++ b/src/components/model-binding/model-binding-content.vue
@@ -5,6 +5,11 @@
-
-
- ![]()
- {{ item.title }}
+
-
-
+
+
-
-
-
+
+
-
+
-
+
+
-
+
+
- {{ item.desc }}
-
-
-
-
+
+
+
+
+
-
-
+
+
+
-
-
-
-
+
+
-
-
-
+
+
![]()
{{ item.title }}
- {{ item.desc }}
+ {{ item.desc }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ {{ item.title }}
+
+ {{ item.desc }}
+ 展示设置
+ 商户设置
+ 组合搭配设置
- 显示内容
+ 按钮设置
- 内容样式
-
-
-
+
+
+
+
-
-
+
-
-
+
-
-
+
-
-
+
-
- 内容样式
+ 图标设置
- 轮播设置
-
+
{{ item.title }}
diff --git a/src/components/model-shop/model-shop-content.vue b/src/components/model-shop/model-shop-content.vue
index 9f4af749..24bd2880 100644
--- a/src/components/model-shop/model-shop-content.vue
+++ b/src/components/model-shop/model-shop-content.vue
@@ -114,10 +114,6 @@ const base_list = reactive({
{ name: '浏览量', value: '1' },
{ name: '描述', value: '2' },
],
- field_desc_row: [
- { name: '一行', value: '1' },
- { name: '两行', value: '2' }
- ]
});
const emits = defineEmits(['theme_change']);
diff --git a/src/config/const/binding.ts b/src/config/const/binding.ts
index 036c4d15..0008fdea 100644
--- a/src/config/const/binding.ts
+++ b/src/config/const/binding.ts
@@ -2,46 +2,142 @@ import defaultCommon from "./index";
import commonTop from './common-top';
import { cloneDeep } from "lodash";
+type icon_style = {
+ color_list: color_list[];
+ direction: string;
+ color: string;
+ size: number;
+ img_width: number;
+ img_height: number;
+ margin: number;
+ margin_top: number;
+ margin_bottom: number;
+ margin_left: number;
+ margin_right: number;
+ padding: number;
+ padding_top: number;
+ padding_bottom: number;
+ padding_left: number;
+ padding_right: number;
+ radius: number;
+ radius_top_left: number;
+ radius_top_right: number;
+ radius_bottom_left: number;
+ radius_bottom_right: number;
+}
+
+const common_icon_style: icon_style = {
+ color_list: [{ color: '', color_percentage: undefined }],
+ direction: '90deg',
+ color: '#ccc',
+ size: 12,
+ img_width: 14,
+ img_height: 14,
+ margin: 0,
+ margin_top: 0,
+ margin_bottom: 0,
+ margin_left: 0,
+ margin_right: 0,
+ padding: 0,
+ padding_top: 0,
+ padding_bottom: 0,
+ padding_left: 0,
+ padding_right: 0,
+ radius: 0,
+ radius_top_left: 0,
+ radius_top_right: 0,
+ radius_bottom_left: 0,
+ radius_bottom_right: 0,
+}
interface defaultRealstore {
content: {
content_top: object;
+ host_graph_theme: string;
+ is_host_graph_show: string;
+ list_show_list: string[];
+ is_default_show_shop: string;
theme: string;
carousel_col: number;
- shop_desc: string;
- shop_desc_row: string;
+ goods_save_price: string;
+ goods_save_price_row: string;
data_list: string[];
- is_right_show: string;
- right_type: string;
- right_img: uploadList[];
- right_icon: string;
- right_text: string;
+ is_details_show: string;
+ details_type: string;
+ details_img: uploadList[];
+ details_icon: string;
+ details_text: string;
+ is_data_discounts_show: string,
+ data_discounts_type: string,
+ data_discounts_img: uploadList[],
+ data_discounts_icon: string,
+ data_discounts_text: string,
+ is_goods_discounts_show: string,
+ goods_discounts_type: string,
+ goods_discounts_img: uploadList[],
+ goods_discounts_icon: string,
+ goods_discounts_text: string,
};
style: {
- shop_color_list: color_list[];
- shop_direction: string;
- shop_background_img_style: string;
- shop_background_img: uploadList[];
- shop_img_radius: radiusStyle;
- shop_margin: marginStyle;
- shop_padding: paddingStyle;
- shop_radius: radiusStyle;
content_img_width: number;
content_img_height: number;
content_spacing: number;
content_outer_spacing: number;
content_outer_height: number;
- shop_title_img_width: number,
- shop_title_img_height: number,
- shop_title_img_radius: radiusStyle,
- shop_title_img_inner_spacing: number,
- shop_title_img_outer_spacing: number,
- shop_title_color: string;
- shop_title_typeface: string;
- shop_title_size: number;
- shop_desc_color: string;
- shop_desc_typeface: string;
- shop_desc_size: number;
- right_style: object,
+ data_color_list: color_list[];
+ data_direction: string;
+ data_background_img_style: string;
+ data_background_img: uploadList[];
+ data_img_radius: radiusStyle;
+ data_margin: marginStyle;
+ data_padding: paddingStyle;
+ data_radius: radiusStyle;
+ data_title_img_width: number,
+ data_title_img_height: number,
+ data_title_img_radius: radiusStyle,
+ data_title_img_inner_spacing: number,
+ data_title_img_outer_spacing: number,
+ data_title_color: string;
+ data_title_typeface: string;
+ data_title_size: number;
+ data_price_symbol_color: string;
+ data_price_symbol_size: number;
+ data_price_color: string;
+ data_price_typeface: string;
+ data_price_size: number;
+ data_save_price_symbol_color: string;
+ data_save_price_symbol_size: number;
+ data_save_price_color: string;
+ data_save_price_typeface: string;
+ data_save_price_size: number;
+ goods_color_list: color_list[];
+ goods_direction: string;
+ goods_background_img_style: string;
+ goods_background_img: uploadList[];
+ goods_img_radius: radiusStyle;
+ goods_margin: marginStyle;
+ goods_padding: paddingStyle;
+ goods_radius: radiusStyle;
+ goods_title_img_width: number,
+ goods_title_img_height: number,
+ goods_title_img_radius: radiusStyle,
+ goods_title_img_inner_spacing: number,
+ goods_title_img_outer_spacing: number,
+ goods_title_color: string;
+ goods_title_typeface: string;
+ goods_title_size: number;
+ goods_price_symbol_color: string;
+ goods_price_symbol_size: number;
+ goods_price_color: string;
+ goods_price_typeface: string;
+ goods_price_size: number;
+ goods_save_price_symbol_color: string;
+ goods_save_price_symbol_size: number;
+ goods_save_price_color: string;
+ goods_save_price_typeface: string;
+ goods_save_price_size: number;
+ details_style: object,
+ data_discounts_style: object,
+ goods_discounts_style: object,
is_roll: string;
interval_time: number;
rolling_fashion: string;
@@ -63,96 +159,154 @@ const defaultRealstore: defaultRealstore = {
content_top: {
...commonTop,
},
+ host_graph_theme: '0',
+ is_host_graph_show: '1',
+ list_show_list: ['title', 'goods_img', 'price', 'save_price'],
+ is_default_show_shop: '1',
theme: '0',
carousel_col: 1,
- shop_desc: '1',
- shop_desc_row: '1',
+ goods_save_price: '1',
+ goods_save_price_row: '1',
data_list: [],
- is_right_show: '1',
- right_type: 'img-icon',
- right_img: [],
- right_icon: 'arrow-right',
- right_text: '',
+ is_details_show: '1',
+ details_type: 'img-icon',
+ details_img: [],
+ details_icon: 'arrow-right',
+ details_text: '',
+ is_data_discounts_show: '1',
+ data_discounts_type: 'img-icon',
+ data_discounts_img: [],
+ data_discounts_icon: 'arrow-right',
+ data_discounts_text: '',
+ is_goods_discounts_show: '1',
+ goods_discounts_type: 'img-icon',
+ goods_discounts_img: [],
+ goods_discounts_icon: 'arrow-right',
+ goods_discounts_text: '',
},
style: {
- shop_color_list: [{ color: '#fff', color_percentage: undefined }],
- shop_direction: '90deg',
- shop_background_img_style: '2',
- shop_background_img: [],
+ content_img_width: 50,
+ content_img_height: 50,
+ content_spacing: 10,
+ content_outer_spacing: 10,
+ content_outer_height: 204,
+ data_color_list: [{ color: '#fff', color_percentage: undefined }],
+ data_direction: '90deg',
+ data_background_img_style: '2',
+ data_background_img: [],
// 图片圆角
- shop_img_radius: {
+ data_img_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
},
- shop_margin: {
+ data_margin: {
margin: 0,
margin_top: 0,
margin_bottom: 0,
margin_left: 0,
margin_right: 0,
},
- shop_padding: {
+ data_padding: {
padding: 10,
padding_top: 10,
padding_bottom: 10,
padding_left: 10,
padding_right: 10,
},
- shop_radius: {
+ data_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
},
- content_img_width: 50,
- content_img_height: 50,
- content_spacing: 10,
- content_outer_spacing: 10,
- content_outer_height: 204,
- shop_title_img_width: 12,
- shop_title_img_height: 12,
- shop_title_img_radius: {
+ data_title_img_width: 12,
+ data_title_img_height: 12,
+ data_title_img_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
},
- shop_title_img_inner_spacing: 5,
- shop_title_img_outer_spacing: 5,
- shop_title_color: '#333',
- shop_title_typeface: 'bold',
- shop_title_size: 14,
- shop_desc_color: '#666',
- shop_desc_typeface: '400',
- shop_desc_size: 12,
- right_style: {
- color_list: [{ color: '', color_percentage: undefined }],
- direction: '90deg',
- color: '#ccc',
- size: 12,
- img_width: 14,
- img_height: 14,
+ data_title_img_inner_spacing: 5,
+ data_title_img_outer_spacing: 5,
+ data_title_color: '#333',
+ data_title_typeface: 'bold',
+ data_title_size: 14,
+ data_price_symbol_color: '#666',
+ data_price_symbol_size: 12,
+ data_price_color: '#666',
+ data_price_typeface: '400',
+ data_price_size: 12,
+ data_save_price_symbol_color: '#666',
+ data_save_price_symbol_size: 12,
+ data_save_price_color: '#666',
+ data_save_price_typeface: '400',
+ data_save_price_size: 12,
+ goods_color_list: [{ color: '#fff', color_percentage: undefined }],
+ goods_direction: '90deg',
+ goods_background_img_style: '2',
+ goods_background_img: [],
+ // 图片圆角
+ goods_img_radius: {
+ radius: 0,
+ radius_top_left: 0,
+ radius_top_right: 0,
+ radius_bottom_left: 0,
+ radius_bottom_right: 0,
+ },
+ goods_margin: {
margin: 0,
margin_top: 0,
margin_bottom: 0,
margin_left: 0,
margin_right: 0,
- padding: 0,
- padding_top: 0,
- padding_bottom: 0,
- padding_left: 0,
- padding_right: 0,
+ },
+ goods_padding: {
+ padding: 10,
+ padding_top: 10,
+ padding_bottom: 10,
+ padding_left: 10,
+ padding_right: 10,
+ },
+ goods_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
},
+ goods_title_img_width: 12,
+ goods_title_img_height: 12,
+ goods_title_img_radius: {
+ radius: 0,
+ radius_top_left: 0,
+ radius_top_right: 0,
+ radius_bottom_left: 0,
+ radius_bottom_right: 0,
+ },
+ goods_title_img_inner_spacing: 5,
+ goods_title_img_outer_spacing: 5,
+ goods_title_color: '#333',
+ goods_title_typeface: 'bold',
+ goods_title_size: 14,
+ goods_price_symbol_color: '#666',
+ goods_price_symbol_size: 12,
+ goods_price_color: '#666',
+ goods_price_typeface: '400',
+ goods_price_size: 12,
+ goods_save_price_symbol_color: '#666',
+ goods_save_price_symbol_size: 12,
+ goods_save_price_color: '#666',
+ goods_save_price_typeface: '400',
+ goods_save_price_size: 12,
+ details_style: cloneDeep(common_icon_style),
+ data_discounts_style: cloneDeep(common_icon_style),
+ goods_discounts_style: cloneDeep(common_icon_style),
// 是否滚动
is_roll: '1',
interval_time: 3,
diff --git a/src/config/const/realstore.ts b/src/config/const/realstore.ts
index 5a330653..19445beb 100644
--- a/src/config/const/realstore.ts
+++ b/src/config/const/realstore.ts
@@ -193,11 +193,11 @@ const defaultRealstore: defaultRealstore = {
padding_right: 10,
},
realstore_radius: {
- radius: 0,
- radius_top_left: 0,
- radius_top_right: 0,
- radius_bottom_left: 0,
- radius_bottom_right: 0,
+ radius: 8,
+ radius_top_left: 8,
+ radius_top_right: 8,
+ radius_bottom_left: 8,
+ radius_bottom_right: 8,
},
content_img_width: 50,
content_img_height: 50,
diff --git a/src/config/const/shop.ts b/src/config/const/shop.ts
index 036c4d15..6f643a0a 100644
--- a/src/config/const/shop.ts
+++ b/src/config/const/shop.ts
@@ -102,11 +102,11 @@ const defaultRealstore: defaultRealstore = {
padding_right: 10,
},
shop_radius: {
- radius: 0,
- radius_top_left: 0,
- radius_top_right: 0,
- radius_bottom_left: 0,
- radius_bottom_right: 0,
+ radius: 8,
+ radius_top_left: 8,
+ radius_top_right: 8,
+ radius_bottom_left: 8,
+ radius_bottom_right: 8,
},
content_img_width: 50,
content_img_height: 50,