修改秒杀的显示
parent
51af86b36e
commit
4808846ce1
4
App.vue
4
App.vue
|
|
@ -7,10 +7,10 @@
|
||||||
data: {
|
data: {
|
||||||
// 基础配置
|
// 基础配置
|
||||||
// 数据接口请求地址
|
// 数据接口请求地址
|
||||||
request_url:'http://shopxo.com/',
|
request_url:'http://new.shopxo.vip/',
|
||||||
|
|
||||||
// 静态资源地址(如系统根目录不在public目录下面请在静态地址后面加public目录、如:https://d1.shopxo.vip/public/)
|
// 静态资源地址(如系统根目录不在public目录下面请在静态地址后面加public目录、如:https://d1.shopxo.vip/public/)
|
||||||
static_url:'http://shopxo.com/',
|
static_url:'http://new.shopxo.vip/',
|
||||||
|
|
||||||
// 系统类型(默认default、如额外独立小程序、可与程序分身插件实现不同主体小程序及支付独立)
|
// 系统类型(默认default、如额外独立小程序、可与程序分身插件实现不同主体小程序及支付独立)
|
||||||
system_type: 'default',
|
system_type: 'default',
|
||||||
|
|
|
||||||
|
|
@ -359,8 +359,8 @@
|
||||||
score_style: this.trends_config(new_style, 'score'),
|
score_style: this.trends_config(new_style, 'score'),
|
||||||
button_style: this.trends_config(new_style, 'button', 'buy_button') + button_gradient,
|
button_style: this.trends_config(new_style, 'button', 'buy_button') + button_gradient,
|
||||||
simple_desc: this.trends_config(new_style, 'simple_desc', 'desc'),
|
simple_desc: this.trends_config(new_style, 'simple_desc', 'desc'),
|
||||||
price_symbol: this.trends_config(new_style, 'price_symbol'),
|
price_symbol: !isEmpty(new_style.shop_price_symbol_color) ? this.trends_config(new_style, 'price_symbol') : 'font-size: 18rpx;color: #EA3323;' ,
|
||||||
price_unit: this.trends_config(new_style, 'price_unit'),
|
price_unit: !isEmpty(new_style.shop_price_unit_color) ? this.trends_config(new_style, 'price_unit') : 'font-size: 18rpx;color: #EA3323;',
|
||||||
original_price: this.trends_config(new_style, 'original_price'),
|
original_price: this.trends_config(new_style, 'original_price'),
|
||||||
shop_content_list: this.get_shop_content_list(new_list, new_form, new_style),
|
shop_content_list: this.get_shop_content_list(new_list, new_form, new_style),
|
||||||
slides_per_group: new_style.rolling_fashion == 'translation' ? new_form.carousel_col : 1,
|
slides_per_group: new_style.rolling_fashion == 'translation' ? new_form.carousel_col : 1,
|
||||||
|
|
|
||||||
|
|
@ -158,7 +158,7 @@
|
||||||
isEmpty,
|
isEmpty,
|
||||||
init() {
|
init() {
|
||||||
if (!isEmpty(this.propGoodStyle)) {
|
if (!isEmpty(this.propGoodStyle)) {
|
||||||
const { goods_color_list = [], goods_direction = '180deg', goods_radius = old_radius, goods_background_img = [], goods_background_img_style = '2', goods_chunk_padding = old_padding, goods_price_color_list = [], goods_price_direction = '180deg', goods_price_radius = old_radius, goods_price_padding = old_padding, goods_price_margin = old_margin, goods_price_location = 'center'} = this.propGoodStyle;
|
const { goods_color_list = [], goods_direction = '180deg', goods_radius = this.old_radius, goods_background_img = [], goods_background_img_style = '2', goods_chunk_padding = this.old_padding, goods_price_color_list = [], goods_price_direction = '180deg', goods_price_radius = this.old_radius, goods_price_padding = this.old_padding, goods_price_margin = this.old_margin, goods_price_location = 'center'} = this.propGoodStyle;
|
||||||
const style_data = {
|
const style_data = {
|
||||||
color_list: goods_color_list,
|
color_list: goods_color_list,
|
||||||
direction: goods_direction,
|
direction: goods_direction,
|
||||||
|
|
|
||||||
|
|
@ -73,12 +73,12 @@
|
||||||
<view class="flex-row align-e gap-10 jc-sb">
|
<view class="flex-row align-e gap-10 jc-sb">
|
||||||
<view class="flex-col gap-5">
|
<view class="flex-col gap-5">
|
||||||
<view v-if="is_show('price') && !isEmpty(item.min_price)" class="num" :style="{ color: new_style.shop_price_color }">
|
<view v-if="is_show('price') && !isEmpty(item.min_price)" class="num" :style="{ color: new_style.shop_price_color }">
|
||||||
<text v-if="form.shop_style_type == '1'" class="text-size-xss pr-4">秒杀价</text>
|
<text v-if="form.shop_style_type == '1'" class="text-size-xss pr-4">{{ form.seckill_pirce_title ? form.seckill_pirce_title : ''}}</text>
|
||||||
<text class="identifying">{{ item.show_price_symbol }}</text>
|
<text :style="price_symbol">{{ item.show_price_symbol }}</text>
|
||||||
<text :style="price_style">{{ item.min_price }}</text>
|
<text :style="price_style">{{ item.min_price }}</text>
|
||||||
<text v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</text>
|
<text v-if="is_show('price_unit')" :style="price_unit">{{ item.show_price_unit }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="is_show('original_price') && !isEmpty(item.min_original_price)" class="size-11 flex" :style="{ color: new_style.original_price_color }">
|
<view v-if="is_show('original_price') && !isEmpty(item.min_original_price)" class="size-11 flex" :style="original_price">
|
||||||
<text class="original-price text-line-1 flex-1">
|
<text class="original-price text-line-1 flex-1">
|
||||||
{{ item.show_original_price_symbol }}{{ item.min_original_price }}
|
{{ item.show_original_price_symbol }}{{ item.min_original_price }}
|
||||||
<template v-if="is_show('original_price_unit')">
|
<template v-if="is_show('original_price_unit')">
|
||||||
|
|
@ -140,12 +140,12 @@
|
||||||
<view class="flex-row align-e gap-10 jc-sb">
|
<view class="flex-row align-e gap-10 jc-sb">
|
||||||
<view class="flex-col gap-5">
|
<view class="flex-col gap-5">
|
||||||
<view v-if="is_show('price') && !isEmpty(item.min_price)" class="num" :style="{ color: new_style.shop_price_color }">
|
<view v-if="is_show('price') && !isEmpty(item.min_price)" class="num" :style="{ color: new_style.shop_price_color }">
|
||||||
<text v-if="form.shop_style_type == '1'" class="text-size-xss pr-4">秒杀价</text>
|
<text v-if="form.shop_style_type == '1'" class="text-size-xss pr-4">{{ form.seckill_pirce_title ? form.seckill_pirce_title : ''}}</text>
|
||||||
<text class="identifying">{{ item.show_price_symbol }}</text>
|
<text :style="price_symbol">{{ item.show_price_symbol }}</text>
|
||||||
<text :style="price_style">{{ item.min_price }}</text>
|
<text :style="price_style">{{ item.min_price }}</text>
|
||||||
<text v-if="is_show('price_unit')" class="identifying">{{ item.show_price_unit }}</text>
|
<text v-if="is_show('price_unit')" :style="price_unit">{{ item.show_price_unit }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="is_show('original_price') && !isEmpty(item.min_original_price)" class="size-11 flex" :style="{ color: new_style.original_price_color }">
|
<view v-if="is_show('original_price') && !isEmpty(item.min_original_price)" class="size-11 flex" :style="original_price">
|
||||||
<text class="original-price text-line-1 flex-1">
|
<text class="original-price text-line-1 flex-1">
|
||||||
{{ item.show_original_price_symbol }}{{ item.min_original_price }}
|
{{ item.show_original_price_symbol }}{{ item.min_original_price }}
|
||||||
<template v-if="is_show('original_price_unit')">
|
<template v-if="is_show('original_price_unit')">
|
||||||
|
|
@ -249,6 +249,10 @@
|
||||||
price_style: '',
|
price_style: '',
|
||||||
button_style: '',
|
button_style: '',
|
||||||
simple_desc: '',
|
simple_desc: '',
|
||||||
|
price_symbol: '',
|
||||||
|
price_unit: '',
|
||||||
|
original_price: '',
|
||||||
|
// 商品列表
|
||||||
sckill_list: [],
|
sckill_list: [],
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
|
@ -364,10 +368,14 @@
|
||||||
price_style: this.trends_config(new_style, 'price'),
|
price_style: this.trends_config(new_style, 'price'),
|
||||||
button_style: this.trends_config(new_style, 'button', 'gradient'),
|
button_style: this.trends_config(new_style, 'button', 'gradient'),
|
||||||
simple_desc: this.trends_config(new_style, 'simple_desc', 'desc'),
|
simple_desc: this.trends_config(new_style, 'simple_desc', 'desc'),
|
||||||
|
price_symbol: !isEmpty(new_style.shop_price_symbol_color) ? this.trends_config(new_style, 'price_symbol') : 'font-size: 18rpx;color: #EA3323;' ,
|
||||||
|
price_unit: !isEmpty(new_style.shop_price_unit_color) ? this.trends_config(new_style, 'price_unit') : 'font-size: 18rpx;color: #EA3323;',
|
||||||
|
original_price: this.trends_config(new_style, 'original_price'),
|
||||||
list: this.get_shop_content_list(new_list, new_form, new_style),
|
list: this.get_shop_content_list(new_list, new_form, new_style),
|
||||||
sckill_list: new_list,
|
sckill_list: new_list,
|
||||||
img_size: img_style,
|
img_size: img_style,
|
||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
get_shop_content_list(list, form, new_style) {
|
get_shop_content_list(list, form, new_style) {
|
||||||
// 深拷贝一下,确保不会出现问题
|
// 深拷贝一下,确保不会出现问题
|
||||||
|
|
@ -553,9 +561,6 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.identifying {
|
|
||||||
font-size: 18rpx;
|
|
||||||
}
|
|
||||||
.seckill-head {
|
.seckill-head {
|
||||||
padding: 30rpx 26rpx;
|
padding: 30rpx 26rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue