|
|
@@ -20,118 +20,46 @@
|
|
|
<!-- 轮播图end -->
|
|
|
|
|
|
<view class="content">
|
|
|
-
|
|
|
- <!-- 倒计时栏 -->
|
|
|
- <!-- 拼团 -->
|
|
|
- <!-- <view class="countdown-box clearfix" wx-if="{{groupActivityId}}">
|
|
|
- <text class="second-kill">拼团</text>
|
|
|
- <view class="countdown-content">
|
|
|
- <text class="countdown-tips" wx-if="{{groupActivity.activityStatus === 1}}">距开始仅剩</text>
|
|
|
- <text class="countdown-tips" wx-if="{{groupActivity.activityStatus !== 1}}">距结束仅剩</text>
|
|
|
- <text class="countdown-time">{{endOfGroupTime.day}} 天 {{endOfGroupTime.hou}} 时 {{endOfGroupTime.min}} 分 {{endOfGroupTime.sec}} 秒
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </view> -->
|
|
|
<!-- 普通商品价格 -->
|
|
|
<view class="prod-price" wx-if="{{!groupActivityId}}">
|
|
|
<text class="price">¥<text class="price-num">{{wxs.parsePrice(defaultSku.price)[0]}}</text>.{{wxs.parsePrice(defaultSku.price)[1]}}</text>
|
|
|
- <!-- <text class="sales"></text> -->
|
|
|
</view>
|
|
|
<!-- 商品信息 -->
|
|
|
<view class='prod-info'>
|
|
|
<view class="tit-wrap">
|
|
|
<view class="prod-tit">{{prodName}}</view>
|
|
|
- <view class="col" bindtap='addOrCannelCollection'>
|
|
|
+ <!-- <view class="col" bindtap='addOrCannelCollection'>
|
|
|
<image wx-if="{{!isCollection}}" src="../../images/icon/prod-col.png"></image>
|
|
|
<image wx-if="{{isCollection}}" src="../../images/icon/prod-col-red.png"></image>
|
|
|
- <!-- 收藏 -->
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
<view class="sub-title" wx:if="{{halfTitle}}">{{halfTitle}}</view>
|
|
|
<view class="sales-p" wx:if="{{brief}}">{{brief}}</view>
|
|
|
-
|
|
|
- <!-- 拼团商品价格 -->
|
|
|
- <view class="goods-price" wx-if="{{groupActivityId}}">
|
|
|
- <view class="current-price">
|
|
|
- <text class="current-price">
|
|
|
- <text class="price">¥<text class="price-num">{{wxs.parsePrice(detaultGroupSku.actPrice)[0]}}</text> .{{wxs.parsePrice(detaultGroupSku.actPrice)[1]}}</text>
|
|
|
- <!-- <text class="sub">¥{{detaultGroupSku.actPrice}}</text> -->
|
|
|
- </text>
|
|
|
- <text class="condition">{{groupActivity.groupNumber}}人拼团价</text>
|
|
|
- </view>
|
|
|
- <view class="original">
|
|
|
- 原价
|
|
|
- <text class="original-price">¥{{wxs.toPrice(detaultGroupSku.price)}}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 积分商品价格 -->
|
|
|
- <!-- <view class="integral-prod-price" wx-if="">100积分</view> -->
|
|
|
</view>
|
|
|
<!-- 商品信息end -->
|
|
|
|
|
|
- <!-- 满减折 -->
|
|
|
- <view class="discount border-radius-box" wx:if="{{prodDiscountList.length}}" bindtap="clickDiscount">
|
|
|
- <view class="coupon-tit">促销</view>
|
|
|
- <view class="coupon-con discount-con">
|
|
|
- <block wx:for="{{prodDiscountList}}" wx:key="discountId" wx:if="{{index<1}}">
|
|
|
- <view class="discount-item">
|
|
|
- <view class="discount-tag">{{wxs.parseDiscount(item.discountRule)}}</view>
|
|
|
- <text class="discount-content">
|
|
|
- <text wx:if="{{item.discountType}}">每</text> {{item.discountName}},最高减免{{item.maxReduceAmount}}元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
+ <view class="intro-box">
|
|
|
+ <view class="intro-item">
|
|
|
+ <view class="title">{{brandName}}</view>
|
|
|
+ <view class="desc">品牌</view>
|
|
|
</view>
|
|
|
- <!-- <view class="num">共{{prodDiscountList.length}}张</view> -->
|
|
|
- <view class="more">...</view>
|
|
|
- </view>
|
|
|
- <!-- 满减折end -->
|
|
|
-
|
|
|
- <!-- 领券 -->
|
|
|
- <!-- <view class="coupon border-radius-box" bindtap='showPopup' wx:if="{{couponList.length && !groupActivityId}}">
|
|
|
- <view class="coupon-tit">领券</view>
|
|
|
- <view class="coupon-con">
|
|
|
- <text class="item" wx:for="{{couponList}}" wx:if="{{index<2}}" wx:key="couponId">满{{item.cashCondition}}<block wx:if="{{item.couponType == 1}}">减{{item.reduceAmount}}</block>
|
|
|
- <block wx:if="{{item.couponType == 2}}">打{{item.couponDiscount}}折</block>
|
|
|
- </text>
|
|
|
+ <view class="intro-item">
|
|
|
+ <view class="title">{{skuList[0].weight}}克</view>
|
|
|
+ <view class="desc">重量</view>
|
|
|
</view>
|
|
|
- <view class="num">共{{couponList.length}}张</view>
|
|
|
- <view class="more">...</view>
|
|
|
- </view> -->
|
|
|
- <!-- 领券end -->
|
|
|
- <!-- 拼团信息 -->
|
|
|
- <view class="spell-infor" wx-if="{{joinGroupList.length}}">
|
|
|
- <view class="spell-infor-title">以下小伙伴正在发起拼团,你可以直接参加</view>
|
|
|
- <view class="spell-infor-content" wx:for="{{joinGroupList}}" wx:key='groupTeamId'>
|
|
|
- <!-- 头像 -->
|
|
|
- <view class="head-img">
|
|
|
- <image src="{{item.sharePic}}"></image>
|
|
|
- </view>
|
|
|
- <!-- 信息 -->
|
|
|
- <view class="spell-msg">
|
|
|
- <view class="username">{{item.shareNickName}}</view>
|
|
|
- <view class="spell-text">
|
|
|
- 还差
|
|
|
- <text class="red-font">{{item.groupNumber - item.joinNum}}</text> 人成团,剩余 {{item.endOfGroupTime.hou}}时{{item.endOfGroupTime.min}}分{{item.endOfGroupTime.sec}}秒
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 凑团按钮 -->
|
|
|
- <view class="join-group" bindtap="toSpellGroupDetail" data-groupteamid="{{item.groupTeamId}}">
|
|
|
- 去凑团
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- 详情 -->
|
|
|
- <view class="rules clearfix">
|
|
|
- <text class="rules-text01">支付开团邀请{{groupActivity.groupNumber}}人参团,人数不足自动退款</text>
|
|
|
+ <view class="intro-item">
|
|
|
+ <view class="title">{{skuList[0].weightUnit}}</view>
|
|
|
+ <view class="desc">单位</view>
|
|
|
</view>
|
|
|
+ <image class="more" src="/images/icon/more.png" mode="" />
|
|
|
</view>
|
|
|
- <!-- 拼团信息end -->
|
|
|
+
|
|
|
<!-- 已选规格 -->
|
|
|
- <view class="sku border-radius-box" bindtap='showSku'>
|
|
|
+ <!-- <view class="sku border-radius-box" bindtap='showSku'>
|
|
|
<view class="sku-tit">已选</view>
|
|
|
<view class="sku-con">{{selectedProp.length>1?selectedProp+',':selectedProp}}{{prodNum}}件</view>
|
|
|
<view class="more">...</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- 已选规格end -->
|
|
|
<!-- 评价 -->
|
|
|
<view class='cmt-wrap border-radius-box'>
|
|
|
@@ -185,13 +113,16 @@
|
|
|
<view class="tab {{tab == 1?'active':''}}" data-tab="1" bind:tap="handleTab">经常一起买</view>
|
|
|
</view>
|
|
|
<swiper class="swiper-prod {{list[0].length>3?'h844':''}}" wx-if="{{list[0].length>0}}" indicator-dots="true" indicator-active-color="#006CE8" >
|
|
|
- <swiper-item class="swiper-item" wx:for="{{list}}">
|
|
|
+ <swiper-item class="swiper-item" wx:if="{{item.length}}" wx:for="{{list}}">
|
|
|
<view class="item" wx:for="{{item}}" wx:for-item="i" wx:for-index="d" wx:key="{{d}}" bindtap='toProdPage' data-prodid="{{i.prodId}}" data-shopid="{{i.shopId}}">
|
|
|
<image lazy-load class="item-img" src="{{i.pic}}" mode="widthFix"></image>
|
|
|
<view class="item-title">{{i.prodName}}</view>
|
|
|
<view class="price-box">
|
|
|
- <view class="name-price" style="font-size:26rpx;color: #FF4D3A;">¥{{wxs.toPrice(i.price)}}</view>
|
|
|
- <image style="width:44rpx;height:44rpx;" src="/images/icon/car-btn.png" mode=""/>
|
|
|
+ <view class="name-price" style="font-size:26rpx;color: #FF4D3A;">¥{{i.channelProdPrice}}</view>
|
|
|
+ <view style="position: relative;" data-index="{{index}}" data-subindex="{{d}}" data-num="1" data-item="{{i}}" catch:tap="handleAdd">
|
|
|
+ <image style="width:44rpx;height:44rpx;" src="/images/icon/car-btn.png" mode=""/>
|
|
|
+ <view class="num" wx:if="{{i.prodCount}}">{{i.prodCount}}</view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</swiper-item>
|
|
|
@@ -270,7 +201,13 @@
|
|
|
<view class="name-price">
|
|
|
<view style="font-size:26rpx;color: #FF4D3A;">¥</view>{{wxs.toPrice(item.price)}}
|
|
|
</view>
|
|
|
- <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
|
|
|
+
|
|
|
+ <view wx:if="{{item.prodCount}}" class="num-box">
|
|
|
+ <image class="btn" data-num="-1" data-item="{{item}}" catch:tap="handleNum" src="/images/icon/reduce.png" mode=""/>
|
|
|
+ <view class="num">{{item.prodCount||0}}</view>
|
|
|
+ <image class="btn" data-num="1" data-item="{{item}}" data-type="add" catch:tap="handleNum" src="/images/icon/add.png" mode=""/>
|
|
|
+ </view>
|
|
|
+ <image wx:else class="test" style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode="" data-img="/images/icon/car-btn.png" data-type="add" data-num="1" data-item="{{item}}" data-index="{{index}}" catch:tap="handleNum" />
|
|
|
</view>
|
|
|
<!-- <view class="rank-box">
|
|
|
<image src="/images/icon/top-icon.png" mode="" class="icon"/>
|
|
|
@@ -303,7 +240,12 @@
|
|
|
<view class="name-price">
|
|
|
<view style="font-size:26rpx;color: #FF4D3A;">¥</view>{{wxs.toPrice(item.price)}}
|
|
|
</view>
|
|
|
- <image style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode=""/>
|
|
|
+ <view wx:if="{{item.prodCount}}" class="num-box">
|
|
|
+ <image class="btn" data-num="-1" data-item="{{item}}" catch:tap="handleNum" src="/images/icon/reduce.png" mode=""/>
|
|
|
+ <view class="num">{{item.prodCount||0}}</view>
|
|
|
+ <image class="btn" data-num="1" data-item="{{item}}" data-type="add" catch:tap="handleNum" src="/images/icon/add.png" mode=""/>
|
|
|
+ </view>
|
|
|
+ <image wx:else class="test" style="width:52rpx;height:52rpx;" src="/images/icon/car-btn.png" mode="" data-img="/images/icon/car-btn.png" data-type="add" data-num="1" data-item="{{item}}" data-index="{{index}}" catch:tap="handleNum" />
|
|
|
</view>
|
|
|
<!-- <view class="rank-box">
|
|
|
<image src="/images/icon/top-icon.png" mode="" class="icon"/>
|
|
|
@@ -338,7 +280,7 @@
|
|
|
客服
|
|
|
<button class="contact-btn" open-type="contact" bindcontact="handleContact" session-from="sessionFrom"></button>
|
|
|
</view>
|
|
|
- <view class="btn icon" bindtap='toCartPage'>
|
|
|
+ <view class="btn icon car-box" bindtap='toCartPage'>
|
|
|
<image src="../../images/tabbar/basket.png"></image>
|
|
|
购物车
|
|
|
<view class='badge badge-1' wx:if="{{totalCartNum>0}}">{{totalCartNum}}</view>
|
|
|
@@ -355,72 +297,13 @@
|
|
|
<!-- <view class="ex-integral-foot">
|
|
|
<view class="ex-integral-btn">立即兑换</view>
|
|
|
</view> -->
|
|
|
- <!-- 【拼团】底部按钮 -->
|
|
|
- <view class="foot-box" wx-if="{{groupActivityId}}">
|
|
|
- <view class="footer">
|
|
|
- <view class="foot-btn" bindtap='toHomePage'>
|
|
|
- <image src="../../images/tabbar/homepage.png"></image>
|
|
|
- 首页
|
|
|
- </view>
|
|
|
- <view catchtap='freeTell' class='foot-btn'>
|
|
|
- <image src='../../images/icon/shop-customer-service.png'></image>
|
|
|
- 客服
|
|
|
- </view>
|
|
|
- <view class="foot-btn" bindtap='toCartPage'>
|
|
|
- <image src="../../images/tabbar/basket.png"></image>
|
|
|
- 购物车
|
|
|
- <view class='badge badge-1' wx:if="{{totalCartNum>0}}">{{totalCartNum}}</view>
|
|
|
- </view>
|
|
|
- <view class="buy-btn alone-buy cart-radius" bindtap='showSku' data-alonebuy="1">
|
|
|
- <text>单独购买</text>
|
|
|
- </view>
|
|
|
- <view class="buy-btn group-buy cart-radius" bindtap='showGroupSku'>
|
|
|
- <text>开团</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!-- end 底部按钮 -->
|
|
|
+
|
|
|
</view>
|
|
|
|
|
|
|
|
|
-<!-- 满减折弹窗 -->
|
|
|
-<view class="popup-hide" wx:if="{{showDiscountPopup}}">
|
|
|
- <view class="popup-box border-radius-t-r">
|
|
|
- <view class="popup-tit border-radius-t-r">
|
|
|
- <text>促销</text>
|
|
|
- <text class="close" bindtap='clickDiscount'></text>
|
|
|
- </view>
|
|
|
- <view class='popup-cnt popup-discount'>
|
|
|
- <view class="coupon-con discount-con">
|
|
|
- <block wx:for="{{prodDiscountList}}" wx:key="discountId">
|
|
|
- <view class="discount-item">
|
|
|
- <view class="discount-tag">{{wxs.parseDiscount(item.discountRule)}}</view>
|
|
|
- <text class="discount-content">
|
|
|
- <text wx:if="{{item.discountType}}">每</text> {{item.discountName}},最高减免{{item.maxReduceAmount}}元
|
|
|
- </text>
|
|
|
- </view>
|
|
|
- </block>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</view>
|
|
|
-<!-- 满减折弹窗 end -->
|
|
|
|
|
|
-<!-- 优惠券弹窗 -->
|
|
|
-<view class="popup-hide" wx:if="{{popupShow}}">
|
|
|
- <view class="popup-box border-radius-t-r">
|
|
|
- <view class="popup-tit border-radius-t-r">
|
|
|
- <text>优惠券</text>
|
|
|
- <text class="close" bindtap='closePopup'></text>
|
|
|
- </view>
|
|
|
- <view class='popup-cnt'>
|
|
|
- <block wx:for="{{couponList}}" wx:key='couponId'>
|
|
|
- <coupon showTimeType="{{1}}" canUse="{{true}}" item="{{item}}"></coupon>
|
|
|
- </block>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-</view>
|
|
|
-<!-- 优惠券 end -->
|
|
|
+
|
|
|
+
|
|
|
<!-- 规格弹窗 -->
|
|
|
<view class="pup-sku" wx:if="{{skuShow}}">
|
|
|
<view class="pup-sku-main border-radius-t-r">
|
|
|
@@ -486,17 +369,17 @@
|
|
|
<view class="cmt-tit">
|
|
|
<view class="cmt-t">
|
|
|
商品评价
|
|
|
- <text class="cmt-good">好评度{{prodCommData.goodRate}}%</text>
|
|
|
+ <text class="cmt-good">好评度{{prodCommData.goodRate}}</text>
|
|
|
</view>
|
|
|
<text class="close" bindtap='closePopup'></text>
|
|
|
</view>
|
|
|
<view class="cmt-cont">
|
|
|
<view class="cmt-tag">
|
|
|
- <text bindtap='getProdCommPage' data-evaluate="-1" class="{{evaluate==-1?'selected':''}}">全部({{prodCommData.all}})</text>
|
|
|
- <text bindtap='getProdCommPage' data-evaluate="0" class="{{evaluate==0?'selected':''}}">好评({{prodCommData.goodCount}})</text>
|
|
|
- <text bindtap='getProdCommPage' data-evaluate="1" class="{{evaluate==1?'selected':''}}">中评({{prodCommData.middleCount}})</text>
|
|
|
- <text bindtap='getProdCommPage' data-evaluate="2" class="{{evaluate==2?'selected':''}}">差评({{prodCommData.badCount}})</text>
|
|
|
- <text bindtap='getProdCommPage' data-evaluate="3" class="{{evaluate==3?'selected':''}}">有图({{prodCommData.picCount}})</text>
|
|
|
+ <text bindtap='getProdCommPage' data-commStatus="-1" class="{{commStatus==-1?'selected':''}}">全部({{prodCommData.all}})</text>
|
|
|
+ <text bindtap='getProdCommPage' data-commStatus="0" class="{{commStatus==0?'selected':''}}">好评({{prodCommData.goodCount}})</text>
|
|
|
+ <text bindtap='getProdCommPage' data-commStatus="1" class="{{commStatus==1?'selected':''}}">中评({{prodCommData.middleCount}})</text>
|
|
|
+ <text bindtap='getProdCommPage' data-commStatus="2" class="{{commStatus==2?'selected':''}}">差评({{prodCommData.badCount}})</text>
|
|
|
+ <text bindtap='getProdCommPage' data-commStatus="3" class="{{commStatus==3?'selected':''}}">有图({{prodCommData.picCount}})</text>
|
|
|
</view>
|
|
|
<view class="cmt-items">
|
|
|
<view class="cmt-item" wx:for="{{prodCommPage.records}}" wx:key="prodCommId">
|
|
|
@@ -587,5 +470,19 @@
|
|
|
<view class="code-txt" bindtap="downloadImg">保存至相册</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+<!-- 抛物线动画容器(数据驱动渲染) -->
|
|
|
+<view class="animation-wrap" id="animationWrap">
|
|
|
+ <view class="{{move?'move-x':''}}" style="position:absolute;width: 50rpx;height: 50rpx;left:{{animateInfo.startX}}px;top:{{animateInfo.startY}}px;--endX: {{animateInfo.endX-animateInfo.startX}}px;--endY: {{animateInfo.endY-animateInfo.startY}}px;" bind:animationend="endAnimate" >
|
|
|
+ <image
|
|
|
+ class="{{move?'move-y':''}}"
|
|
|
+ src="/images/icon/car-btn.png"
|
|
|
+ style="width: 40rpx;height: 40rpx;--endX: {{animateInfo.endX-animateInfo.startX}}px; --endY: {{animateInfo.endY-animateInfo.startY}}px;"
|
|
|
+ bind:animationend="endAnimate"
|
|
|
+ ></image>
|
|
|
+ </view>
|
|
|
+</view>
|
|
|
<!-- 二维码弹窗 end -->
|
|
|
<wxs module="wxs" src="../../wxs/number.wxs" />
|