You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

115 lines
5.5 KiB

5 years ago
<!--pages/info/groupInfo/index.wxml-->
<title title="团购详情"></title>
<view class="info-top-box" wx:if="{{info}}">
<view class="item">
<image src="{{info.headimg}}" mode="aspectFill" class="headimg"></image>
<view class="item-num">{{info.gp_num}}人团</view>
<view class="info-box">
<view>
<view class="info-title">{{info.title+info.sku_name}}</view>
<view class="info-tip">剩余库存:{{info.left_stock_num}}</view>
</view>
<view class="hot-bottom">
<text>¥{{info.event_price/100}}</text>
<view class="old-price">¥{{info.price/100}}</view>
</view>
</view>
<navigator url="/pages/info/{{info.type=='post'?'post':'scene'}}ProductInfo/index?id={{info.goods_id}}" class="info-btn">详情 ></navigator>
</view>
<!-- 进行中的拼团 -->
<view wx:if="{{isOn && myIngList && myIngList.status==1}}">
<view class="mask-title">还差<text>{{info.gp_num - myIngList.team_list.length}}</text>人</view>
<view class="top-tip">成团立享超值优惠</view>
<view>倒计时</view>
<view class="time-box">
<view class="time-bg">{{myIngList.h}}</view>
<text>:</text>
<view class="time-bg">{{myIngList.m}}</view>
<text>:</text>
<view class="time-bg">{{myIngList.s}}</view>
</view>
<view class="time-box headimglist">
<image wx:for="{{myIngList.team_list}}" src="{{item.avatar}}" mode="aspectFill"></image>
<view>
<button open-type="share" plain="true" style="border:none;padding:0;margin:0;"><image style="margin-right:0" src="https://resources.jszhwlpt.com/ffece698-001a-42be-8d8c-ff86985818e3.png" mode="aspectFill"></image></button>
</view>
</view>
<button open-type="share" plain="true" class="yq-btn">邀请好友</button>
</view>
<!-- 失败的拼团 -->
<view class="fail-box" wx:if="{{info.productDetail.status==0 && info.isGroupPurchasing==1}}">
<image src="https://resources.jszhwlpt.com/1fccfcab-2e85-4925-826e-4c35d35b8a9a.png" mode="widthFix"></image>
<view class="fail-text">团购未满规定人数 已失败</view>
<view class="fail-btns">
<view class="fail-btn border-btn" bindtap="goBuy">原价购买</view>
<view class="fail-btn" bindtap="startGroup">再开一单</view>
</view>
</view>
<!-- 成功的拼团 -->
<view class="fail-box" wx:if="{{info.productDetail.status==2 && info.isGroupPurchasing==1}}">
<image src="https://resources.jszhwlpt.com/fa6904a2-3063-4d90-8da0-d02424d4ac76.png" mode="widthFix"></image>
<view class="fail-text" style="color:#F34922">团购活动已人满 团购成功</view>
<view class="fail-btns">
<view class="fail-btn" style="width:600rpx" bindtap="startGroup">再开一单</view>
</view>
</view>
<!-- 活动结束 -->
<view class="fail-box" wx:if="{{info.productDetail.state==2}}">
<image src="https://resources.jszhwlpt.com/fdd3bdd5-7e78-4ab3-8cd7-e5dc08e234e9.png" mode="widthFix"></image>
<view class="fail-text">团购活动已结束</view>
<view class="fail-btns">
<view class="fail-btn" style="width:600rpx" bindtap="backList">查看其它活动</view>
</view>
</view>
<!-- 拼团未开始 -->
<view class="new-box" wx:if="{{isOn==false}}">
<view class="fail-btns">
<view class="fail-btn" style="width:600rpx" bindtap="startGroup">发起团购</view>
</view>
<view style="margin-top:30rpx" bindtap="showRule">拼团规则</view>
<view class="group-list">
<view class="group-item" wx:for="{{list}}">
<image src="{{item.avatar}}" mode="aspectFill"></image>
<view class="nickname">{{item.nickname}}</view>
<view class="group-num">还差<text>{{info.gp_num - item.team_num}}</text>人</view>
<view class="btn-box" bindtap="join" data-item="{{item}}">
<view class="btn-top">参团</view>
<view class="btn-time">剩余{{item.h}}:{{item.m}}:{{item.s}}</view>
</view>
</view>
</view>
</view>
<view style="margin-top:30rpx" wx:else bindtap="showRule">拼团规则</view>
</view>
<view class="hot-box">
<view class="hot-title">
<view>商品推荐</view>
<view class="more-btn" bindtap="backList">更多 ></view>
</view>
<view class="hot-list" wx:if="{{hot.length>0}}">
<view class="hot-item" wx:for="{{hot}}" bindtap="gotoDetail" data-id="{{item.id}}">
<image src="{{item.headImg}}" mode="apsectFill"></image>
<view class="hot-info">
<view class="hot-title1">{{item.productName+item.skuName}}</view>
<view class="hot-bottom">
<text>¥{{item.eventPrice/100}}</text>
<view class="old-price">¥{{item.price/100}}</view>
</view>
</view>
</view>
</view>
</view>
<view class="mask" wx:if="{{showShareFlag}}">
<view class="mask-bg" bindtap="hideShare"></view>
<view class="mask-content" style="width:500rpx;overflow:hidden;text-align:center;color:#FF9124;padding:40rpx 0;">
<view>请先关注公众号</view>
<image bindlongpress="saveImg" style="width:260rpx;height:260rpx;display:block;margin:40rpx auto;border-radius:10rpx;border:1rpx solid" src="https://resources.jszhwlpt.com/d3c2d106-b893-474f-bf5c-091bd04f247f.jpeg" mode="aspectFill" class="codeimg"></image>
<view style="color:#333">长按保存二维码</view>
</view>
</view>
<view class="mask" wx:if="{{info && showRuleFlag}}">
<view class="mask-bg" bindtap="showRule"></view>
<view class="mask-content" style="padding:20rpx;max-height:50%;overflow-y:auto;min-height:30%;">
<rich-text nodes="{{info.rule_content}}"></rich-text>
</view>
</view>