charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat：0905优惠券多物流信息

Browse Source
This commit is contained in:
charles
2026-09-05 16:11:42 +08:00
parent b1d3ec9b2f
commit 75060faa39
14 changed files with 825 additions and 233 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/choiceness/choiceness.vue
+2 -1
View File
@@ -13,8 +13,9 @@
</view>
<view class="product_item_price">
<view class="price_">
<text v-if="item.couponPrice">券后</text>
<text>￥</text>
<text style="color: 36rpx">{{ item.price }}</text>
<text style="color: 36rpx">{{ item.couponPrice || item.price }}</text>
</view>
<view class="price_sell">全网销量{{ limit999(item.sales) }}件</view>
</view>
components/common/product-seckill-card.vue
+4 -4
View File
@@ -2,8 +2,8 @@
<view class="seckill_card_container" @click="onSelectProct(item)">
<!-- Left side image with optional countdown overlay -->
<view class="seckill_card_left">
<up-image :lazy-load="true" :src="item.url || item.image || item.accessUrl" width="220rpx" height="220rpx" bgColor="#f1f6ff00"
shape="square" radius="16rpx"></up-image>
<up-image :lazy-load="true" :src="item.url || item.image || item.accessUrl" width="220rpx" height="220rpx"
bgColor="#f1f6ff00" shape="square" radius="16rpx"></up-image>
<view class="countdown_bar" v-if="showCountdown && countdownText">
<text class="countdown_text">{{ countdownText }}</text>
</view>
@@ -37,11 +37,11 @@
<!-- Price and action card row -->
<view class="price_action_row">
<view class="price_section">
<text class="price_symbol" v-if="item.couponPrice">券后</text>
<text class="price_symbol">¥</text>
<text class="price_integer">{{ item.price }}</text>
<text class="price_integer">{{ item.couponPrice || item.price }}</text>
<text class="original_price seckill">{{ `${attributes.leftTime ?
`只剩${attributes.leftTime}` : ''}` }}</text>
<!-- <text class="original_price" v-else>¥{{ formatOriginalPrice }}</text> -->
</view>
<!-- Alarm clock button -->
<view class="alarm_btn_wrapper">
components/shop/parity-product-item.vue
+12 -1
View File
@@ -33,7 +33,18 @@
<!-- 无优惠券/现金价格 -->
<view class="price-action-row" v-else>
<view class="price-left">
<view class="price-left" v-if="obj.couponPrice">
<view class="price-main">
<text class="price-symbol">券后￥</text>
<text class="price-num">{{ obj.couponPrice }}</text>
</view>
<view class="price-sub">
<text class="sales-text" v-if="hasSales">全网销量{{ limit999(obj.sales) }}</text>
</view>
</view>
<view class="price-left" v-else>
<view class="price-main">
<text class="price-symbol">￥</text>
<text class="price-num">{{ obj.price }}</text>
components/shop/preferred-product-item.vue
+88 -75
View File
@@ -5,105 +5,118 @@
</view>
<view class="shop-right-view">
<view class="shop-top-img">
<image src="https://static.tbmall.xin/static/home/xyx.png" style="width: 122rpx;height: 28rpx;margin-right: 12rpx;"></image>
<image src="https://static.tbmall.xin/static/home/xs.png" v-if="obj.limitedTime " style="width: 52rpx;height: 28rpx;margin-right: 12rpx;"></image>
<image src="https://static.tbmall.xin/static/home/tg.png" v-if="obj.tag" style="width: 80rpx;height: 28rpx;"></image>
<image src="https://static.tbmall.xin/static/home/xyx.png"
style="width: 122rpx;height: 28rpx;margin-right: 12rpx;"></image>
<image src="https://static.tbmall.xin/static/home/xs.png" v-if="obj.limitedTime"
style="width: 52rpx;height: 28rpx;margin-right: 12rpx;"></image>
<image src="https://static.tbmall.xin/static/home/tg.png" v-if="obj.tag"
style="width: 80rpx;height: 28rpx;"></image>
</view>
<view class="right-top-view text-overflow1">
<text class="text-32 text-bold text-zu text-overflow1">{{obj.title}}</text>
<text class="text-32 text-bold text-zu text-overflow1">{{ obj.title }}</text>
</view>
<view class="shop-price" @ok.stop="onClick" >
<view class="price-left"><text style="font-size: 24rpx;">¥</text>{{obj.price}}</view>
<view class="price-center">专区立省{{ Number(obj.adPrice) - Number(obj.price) }}元</view>
<image src="https://static.tbmall.xin/static/home/qiang.png" style="width: 80rpx;height: 80rpx;"></image>
<view class="shop-price" @ok.stop="onClick">
<view class="price-left"><text style="font-size: 24rpx;">¥</text>{{ obj.couponPrice || obj.price }}
</view>
<view class="price-center">专区立省{{ Number(obj.adPrice) - Number(obj.price) }}元</view>
<image src="https://static.tbmall.xin/static/home/qiang.png" style="width: 80rpx;height: 80rpx;">
</image>
</view>
</view>
</view>
</template>
<script>
import MyBtn from '@/components/common/my-btn.vue'
export default {
components:{MyBtn},
props:{
obj:{
type:Object,
default:()=>{}
},
import MyBtn from '@/components/common/my-btn.vue'
export default {
components: { MyBtn },
props: {
obj: {
type: Object,
default: () => { }
},
mounted(){
},
methods: {
onClick(){
this.$emit('ok',this.obj.id);
}
},
mounted() {
},
methods: {
onClick() {
this.$emit('ok', this.obj.id);
}
}
}
</script>
<style lang="scss" scoped>
.shop-view{
width: 700rpx;
.shop-view {
width: 700rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 16rpx;
.shop-left-view {
min-width: 216rpx;
min-height: 216rpx;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 20rpx;
box-sizing: border-box;
background-color: #fff;
border-radius: 16rpx;
.shop-left-view{
min-width:216rpx;
min-height:216rpx;
justify-content: center;
image {
width: 220rpx;
height: 220rpx;
border-radius: 8rpx;
}
}
.shop-right-view {
width: 100%;
display: flex;
min-height: 216rpx;
margin-left: 24rpx;
flex-direction: column;
justify-content: space-around;
.shop-top-img {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
image{
width:220rpx;
height:220rpx;
border-radius: 8rpx;
justify-content: flex-start;
image {
width: 100%;
height: 100%;
}
}
.shop-right-view{
width:100%;
.right-top-view {
width: 100%;
display: flex;
min-height:216rpx;
margin-left:24rpx;
flex-direction: column;
justify-content: space-around;
.shop-top-img{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
image{
width: 100%;
height: 100%;
}
}
.shop-price {
background: linear-gradient(270deg, #F0E7FE 0%, rgba(240, 231, 254, 0) 100%);
width: 100%;
height: 80rpx;
display: flex;
justify-content: space-between;
align-items: center;
.price-left {
font-weight: bold;
font-size: 28rpx;
color: #7934F6;
}
.right-top-view{
width:100%;
display: flex;
}
.shop-price{
background: linear-gradient( 270deg, #F0E7FE 0%, rgba(240,231,254,0) 100%);
width: 100%;
height: 80rpx;
display: flex;
justify-content: space-between;
align-items: center;
.price-left{
font-weight: bold;
font-size: 28rpx;
color: #7934F6;
}
.price-center{
font-size: 20rpx;
color: #7934F6;
}
.price-center {
font-size: 20rpx;
color: #7934F6;
}
}
}
}
</style>