liedou_uniapp/pages/optimization/goodsInfo.nvue

<template>
	<div>
		<!-- S 商品信息 -->
		<view class="info-wrap">
		  <view class="tp-wrap">
			<view class="lt-wrap">
			  <text class="price-title">{{goodsInfo.is_coupon == 1 && goodsInfo.coupon_price > 0 ? '券后价' : '' }} ¥</text>
			  <text class="price">{{ goodsInfo.discount_price }}</text>
			  <text class="price-old">￥{{ goodsInfo.price }}</text>
			</view>
			<view class="rt-wrap">
				<view class="salesVolume" v-if="goodsInfo.volume > 100">
					月销:{{ $NumberHandle({value:goodsInfo.volume,comma:true}) }}+
				</view>
			</view>
		  </view>
		  <view class="bm-wrap">
			<image class="shop-icon" v-if="goodsInfo.shop_type == 0" src="https://ld.726p.com/ldyx_static/imgs/icon-tb.png" />
			<image class="shop-icon" v-else-if="goodsInfo.shop_type == 1" src="https://ld.726p.com/ldyx_static/imgs/icon-tmall.png" />
			<image class="shop-icon" v-else-if="goodsInfo.shop_type == 4" src="https://ld.726p.com/ldyx_static/imgs/jd-icon.png" />
			{{ goodsInfo.title }}
		  </view>
		  <view class="btm-wrap">
			<view v-if="goodsInfo.coupon_price > 0" class="coupon-wrap">
			  <text class="label">券</text>
			  <text class="value">¥{{ goodsInfo.coupon_price }}</text>
			</view>
			<view v-if="user_level > 1 && goodsInfo.commission_price > 0" class="coupon-wrap commission-wrap">
			  <text class="label">返</text>
			  <text class="value">¥{{ goodsInfo.commission_price }}</text>
			</view>
		  </view>
		  <!-- 底部按钮 -->
			<view class="footer-wrap" :style="{ 'padding-bottom': isIphoneX ? '66rpx' : '22rpx' }">
				<view class="btn-collect-wrap" v-if="goodsInfo.is_favorites == 1" @click="onClickSetFavorites">
				  <image class="btn-collect-img" src="https://ld.726p.com/ldyx_static/imgs/icon-collect-on.png" />
				  <text class="btn-collect-text">已收藏</text>
				</view>
				<view class="btn-collect-wrap" v-else @click="onClickSetFavorites">
				  <image class="btn-collect-img" src="https://ld.726p.com/ldyx_static/imgs/icon-collect.png" />
				  <text class="btn-collect-text">收藏</text>
				</view>
			  <!-- 已登录按钮 -->
			  <view v-if="isLogin" class="btn-wrap">
				<view class="btn-item lt-btn" @click="onClickFXZQ">
				  <!-- <image class="btn-icon" src="https://ld.726p.com/ldyx_static/imgs/icon-share.png" /> -->
				  <text class="btn-text">{{ user_level == 1 ? '分享' : '分享赚钱' }}</text>
				</view>
				<view class="btn-item rt-btn" @click="onClickGWSQ">
				  <!-- <image class="btn-icon" src="https://ld.726p.com/ldyx_static/imgs/icon-money.png" /> -->
				  <text class="btn-text">购物省钱</text>
				</view>
			  </view>
			  <!-- 未登录按钮 -->
			  <view v-else class="btn-wrap">
				<view class="btn-item lt-btn" @click="onClickZJGM">
				  <!-- <image class="btn-icon" src="https://ld.726p.com/ldyx_static/imgs/icon-buy.png" /> -->
				  <text class="btn-text">直接购买</text>
				</view>
				<view class="btn-item rt-btn" @click="onClickFYJGM">
				  <!-- <image class="btn-icon" src="https://ld.726p.com/ldyx_static/imgs/icon-money.png" /> -->
				  <text class="btn-text">省钱购买</text>
				</view>
			  </view>
			</view>
		</view>
		<!-- E 商品信息 -->

	</div>
</template>

<script>
	export default {
		props:['goodsInfo']
	}
</script>

<style>

</style>