1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <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>
|