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.
132 lines
6.3 KiB
132 lines
6.3 KiB
<!--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>
|
|
<view bindtap="gotoInfo" class="info-btn">详情 ></view>
|
|
</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 bindtap="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 bindtap="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}}" wx:if="{{item.is_team==1}}">
|
|
<image src="{{item.avatar}}" mode="aspectFill"></image>
|
|
<view class="nickname">{{item.nickname}}</view>
|
|
<view class="group-num">还差<text>{{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.title+item.sku_name}}</view>
|
|
<view class="hot-bottom">
|
|
<text>￥{{item.event_price/100}}</text>
|
|
<view class="old-price">￥{{item.price/100}}</view>
|
|
</view>
|
|
</view>
|
|
</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>
|
|
<view style="position:absolute;right:0;left:-10000rpx;top:-20000rpx;z-index:-1">
|
|
<canvas canvas-id='imageCanvas' class='imageCanvas' style="width:551rpx;height:643rpx;" disable-scroll='true'>
|
|
</canvas>
|
|
<canvas class="canvasCode" style="opacity:0;width:500px;height:500px" canvas-id="myQrcode"></canvas>
|
|
</view>
|
|
<view class="mask" wx:if="{{showShareFlag}}" style="align-items: center;">
|
|
<view class="mask-bg" bindtap="share"></view>
|
|
<view class="mask-content share-img-box">
|
|
<image class="share-img" src="{{shareImg}}" mode="widthFix"></image>
|
|
<view class="share-tips">
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/img.png" mode="widthFix"></image>
|
|
<view>保存图片到相册</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok.png" mode="widthFix"></image></view>
|
|
</view>
|
|
<image style="width:36rpx" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/arrow2.png" mode="widthFix"></image>
|
|
<view style="position:relative">
|
|
<image class="img" src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/code.png" mode="widthFix"></image>
|
|
<view>微信识别二维码</view>
|
|
<view class="tipimg"><image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/ok1.png" mode="widthFix"></image></view>
|
|
</view>
|
|
</view>
|
|
<view class="save-btn" bindtap="save">保存到相册</view>
|
|
</view>
|
|
</view>
|