修改商品假数据问题

v1.0.0
于肖磊 2024-08-26 17:50:00 +08:00
parent 88a16eeb16
commit 14c9a600aa
3 changed files with 48 additions and 23 deletions

View File

@ -22,7 +22,7 @@
<div class="flex-col flex-1 jc-sb content gap-10" :style="content_style">
<div class="flex-col gap-10 top-title">
<div v-if="is_show('title')" :class="text_line" :style="trends_config('title')">{{ item.title }}</div>
<div v-if="show_content && is_show('plugins_view_icon') && !isEmpty(item.plugins_view_icon_data)" class="flex-row gap-5">
<div v-if="show_content && is_show('plugins_view_icon') && !isEmpty(item.plugins_view_icon_data)" class="flex-row gap-5 align-c">
<div v-for="(icon_data, icon_index) in item.plugins_view_icon_data" :key="icon_index" class="radius-sm size-9 pl-3 pr-3" :style="icon_style(icon_data)">{{ icon_data.name }}</div>
</div>
</div>
@ -151,13 +151,36 @@ const default_list = {
title: '测试商品标题',
min_original_price: '41.2',
show_original_price_symbol: '¥',
show_original_price_unit: '/ 台',
min_price: '51',
show_price_symbol: '¥',
show_price_unit: '',
show_price_unit: '/ 台',
sales_count: '1000',
images: '',
new_cover: [],
plugins_view_icon_data: []
plugins_view_icon_data: [
{
name: '满减活动',
bg_color: '#EA3323',
br_color: '',
color: '#fff',
url: ''
},
{
name: '包邮',
bg_color: '',
br_color: '#EA3323',
color: '#EA3323',
url: ''
},
{
name: '领劵',
bg_color: '',
br_color: '#EA9223',
color: '#EA9223 ',
url: ''
}
]
};
const list = ref<data_list[]>([]);

View File

@ -70,11 +70,11 @@ const defaultProductList: DefaultProductList = {
padding_right: 10,
},
shop_img_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
radius: 4,
radius_top_left: 4,
radius_top_right: 4,
radius_bottom_left: 4,
radius_bottom_right: 4,
},
shop_radius: {
radius: 8,
@ -87,11 +87,11 @@ const defaultProductList: DefaultProductList = {
content_spacing: 10,
content_outer_width: 104,
content_outer_height: 189,
shop_title_typeface: 'normal',
shop_title_typeface: '500',
shop_title_size: 14,
shop_title_color: "#333333",
shop_price_typeface: 'normal',
shop_price_size: 14,
shop_price_typeface: '500',
shop_price_size: 18,
shop_price_color: "#EA3323;",
shop_sold_number_typeface: 'normal',
shop_sold_number_size: 10,
@ -103,11 +103,11 @@ const defaultProductList: DefaultProductList = {
shop_button_size: 12,
shop_button_color: [
{
color: '#2a94ff',
color: '#FF3D53',
color_percentage: ''
},
{
color: '#2a94ff',
color: '#D73A3A',
color_percentage: ''
}
],

View File

@ -20,6 +20,7 @@ interface DefaultProductList {
tabs_list: articleTabsList[];
is_show: string[];
is_shop_show: boolean;
is_price_solo: boolean;
shop_type: string;
shop_button_effect: string;
shop_button_size: string;
@ -71,6 +72,7 @@ const defaultProductList: DefaultProductList = {
],
is_show: ['title', 'plugins_view_icon', 'price', 'sales_count', 'original_price'],
is_shop_show: true,
is_price_solo: true,
shop_type: '0',
shop_button_effect: '0',
shop_button_size: '1',
@ -92,11 +94,11 @@ const defaultProductList: DefaultProductList = {
padding_right: 10,
},
shop_img_radius: {
radius: 0,
radius_top_left: 0,
radius_top_right: 0,
radius_bottom_left: 0,
radius_bottom_right: 0,
radius: 4,
radius_top_left: 4,
radius_top_right: 4,
radius_bottom_left: 4,
radius_bottom_right: 4,
},
shop_radius: {
radius: 8,
@ -109,11 +111,11 @@ const defaultProductList: DefaultProductList = {
content_spacing: 10,
content_outer_width: 104,
content_outer_height: 189,
shop_title_typeface: 'normal',
shop_title_typeface: '500',
shop_title_size: 14,
shop_title_color: "#333333",
shop_price_typeface: 'normal',
shop_price_size: 14,
shop_price_typeface: '500',
shop_price_size: 18,
shop_price_color: "#EA3323;",
shop_sold_number_typeface: 'normal',
shop_sold_number_size: 10,
@ -125,11 +127,11 @@ const defaultProductList: DefaultProductList = {
shop_button_size: 12,
shop_button_color: [
{
color: '#2a94ff',
color: '#FF3D53',
color_percentage: ''
},
{
color: '#2a94ff',
color: '#D73A3A',
color_percentage: ''
}
],