商品详情显示赠送的钻石数量

This commit is contained in:
wuhui_zzw 2023-03-07 15:58:01 +08:00
parent 3971527e60
commit 067f0cb3d1
1 changed files with 36 additions and 9 deletions

View File

@ -56,7 +56,7 @@
</template> </template>
<template v-else> <template v-else>
<template v-if="goodsSkuDetail.member_price > 0"> <template v-if="goodsSkuDetail.member_price > 0">
<view class="member-vip-wrap"><image :src="$util.img('public/uniapp/goods/member_vip.png')" mode="aspectFit"></image></view> <!--<view class="member-vip-wrap"><image :src="$util.img('public/uniapp/goods/member_vip.png')" mode="aspectFit"></image></view>-->
<text class="price-symbol price-font">{{ $lang('common.currencySymbol') }}</text> <text class="price-symbol price-font">{{ $lang('common.currencySymbol') }}</text>
<text class="price price-font"> <text class="price price-font">
{{ {{
@ -73,7 +73,7 @@
}} }}
</text> </text>
<view class="member-price-wrap"> <view class="member-price-wrap">
<text class="unit price-font">原价</text> <!--<text class="unit price-font">原价</text>-->
<text class="unit price-font">{{ $lang('common.currencySymbol') }}</text> <text class="unit price-font">{{ $lang('common.currencySymbol') }}</text>
<text class="money price-font">{{ goodsSkuDetail.price }}</text> <text class="money price-font">{{ goodsSkuDetail.price }}</text>
</view> </view>
@ -95,13 +95,17 @@
</text> </text>
</template> </template>
</template> </template>
<view class="market-price-wrap" v-if="goodsSkuDetail.market_price_show"> <!--<view class="market-price-wrap" v-if="goodsSkuDetail.market_price_show">-->
<text class="unit price-font" v-if="(showDiscount && goodsSkuDetail.price > 0) || goodsSkuDetail.market_price > 0"> <!-- <text class="unit price-font" v-if="(showDiscount && goodsSkuDetail.price > 0) || goodsSkuDetail.market_price > 0">-->
{{ $lang('common.currencySymbol') }} <!-- {{ $lang('common.currencySymbol') }}-->
</text> <!-- </text>-->
<text class="money price-font" v-if="showDiscount && goodsSkuDetail.price > 0">{{ goodsSkuDetail.price }}</text> <!-- <text class="money price-font" v-if="showDiscount && goodsSkuDetail.price > 0">{{ goodsSkuDetail.price }}</text>-->
<text class="money price-font" v-else-if="goodsSkuDetail.market_price > 0">{{ goodsSkuDetail.market_price }}</text> <!-- <text class="money price-font" v-else-if="goodsSkuDetail.market_price > 0">{{ goodsSkuDetail.market_price }}</text>-->
</view> <!--</view>-->
<view class="give-diamond" v-if="parseFloat(goodsSkuDetail.give_diamond) > 0">
<image class="give-diamond-image" :src="$util.img('public/static/img/futures/give_diamond.png')" mode="widthFix"></image>
{{ parseFloat(goodsSkuDetail.give_diamond) }}颗钻石
</view>
<view class="follow-and-share"> <view class="follow-and-share">
<text class="follow iconfont icon-share" @click="openSharePopup()"></text> <text class="follow iconfont icon-share" @click="openSharePopup()"></text>
<text class="share iconfont" @click="editCollection()" :class="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'"></text> <text class="share iconfont" @click="editCollection()" :class="whetherCollection == 1 ? 'icon-likefill color-base-text' : 'icon-guanzhu'"></text>
@ -489,6 +493,29 @@ export default {
<style lang="scss"> <style lang="scss">
@import '@/common/css/goods_detail.scss'; @import '@/common/css/goods_detail.scss';
@import './public/css/detail.scss'; @import './public/css/detail.scss';
.give-diamond{
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
border: 2rpx solid #f13453;
color: #f13453;
font-size: 24rpx;
height: 38rpx;
line-height: 38rpx;
padding: 0 15rpx;
border-radius: 60rpx;
margin-left: 30rpx;
.give-diamond-image{
width: 22rpx!important;
height: 22rpx!important;
margin-right: 5rpx;
}
}
</style> </style>
<style scoped> <style scoped>
/deep/ .action-icon-wrap .iconfont.icon-shouye1 { /deep/ .action-icon-wrap .iconfont.icon-shouye1 {