|
- <!--pages/spellDetail/index.wxml-->
- <view class='container'>
- <!-- 拼团状态-拼团中,拼团成功 -->
- <view class='status'>
- <view class='status-top'>
- <view class='p-status'>{{data.statustext}}</view>
- <view class='p-text'>结束</view>
- <view class='p-time'>{{sec}}</view>
- <view class='p-mao'>:</view>
- <view class='p-time'>{{min}}</view>
- <view class='p-mao'>:</view>
- <view class='p-time'>{{hour}}</view>
- <view class='p-text'>剩余</view>
- </view>
- <view class='status-center'>
- <view class='status-lists'>
- <view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}">
- <view class='touxiang' wx:if='{{item.avatarUrl}}'>
- <image src='{{item.avatarUrl}}'></image>
- </view>
- <view class='tuan-icon' wx:if='{{index==0}}'>
- <image src='{{tuanzhang}}'></image>
- </view>
- <view class='no-touxiang' wx:if='{{!item.avatarUrl}}'>
- ?
- </view>
- </view>
- <!-- <view class='tuanzhang touxiangitems'>
- <view class='touxiang'>
- <image src='{{spellBg}}'></image>
- </view>
- </view>
- <view class='tuanzhang touxiangitems'>
- <view class='no-touxiang'>
- ?
- </view>
- </view> -->
- </view>
- </view>
- <view class='status-bottom'>
- <view class='position-icon'>
- <image src='{{position}}'></image>
- </view>
- <view class='position'>广场地址:{{data.addr}}</view>
- </view>
- </view>
-
- <!-- 拼团产品详情 -->
- <view class='detail'>
- <view class='detail-top'>
- <view class='detail-top01'>
- <image src='{{data.coverImg}}'></image>
- </view>
- <view class='detail-top02'>
- <view class='title'>{{data.title}}</view>
- <view class='des'>{{data.subTitle}}</view>
- </view>
- <view class='detail-top03'>
- <view class='detail-p-price'>{{data.salePrice}}元</view>
- <view class='detail-p-name'>拼团价</view>
- </view>
- </view>
- <view class='detail-bottom'>
- <view class='b-unit'>元</view>
- <view class='b-price'>{{data.salePrice}}</view>
- <view class='b-name'>实付款</view>
- </view>
- </view>
-
- <!-- 拼团状态-除拼团失败,拼团超时 -->
- <view class='status' wx:if='{{data.statustext==11||data.statustext==12||data.statustext==13}}' style='padding:0;overflow:hidden;margin-top:30rpx;'>
- <view class='status-top'>
- <view class='p-status' style='text-align:center;width:100%;'>好友的拼团已完成</view>
- </view>
- <view class='status-center'>
- <view class='status-lists'>
- <view class='tuanzhang touxiangitems'>
- <view class='touxiang'>
- <image src='{{spellBg}}'></image>
- </view>
- <view class='tuan-icon'>
- <image src='{{tuanzhang}}'></image>
- </view>
- </view>
- <view class='tuanzhang touxiangitems'>
- <view class='touxiang'>
- <image src='{{spellBg}}'></image>
- </view>
- </view>
- <view class='tuanzhang touxiangitems'>
- <view class='touxiang'>
- <image src='{{spellBg}}'></image>
- </view>
- </view>
- <view class='tuanzhang touxiangitems'>
- <view class='touxiang'>
- <image src='{{spellBg}}'></image>
- </view>
- </view>
- </view>
- </view>
- <!-- 按钮 -->
- <view class='button'>
- <button>发起拼团</button>
- <button>更多拼团商品</button>
- </view>
- <view class='status-bottom' style='background:rgba(254,243,232,1);padding:0 20rpx;box-sizing:border-box;'>
- <view class='position-icon'>
- <image src='{{position}}'></image>
- </view>
- <view class='position'>广场地址:北京市朝阳区东三环中路123号</view>
- </view>
- </view>
-
- <!-- 拼团订单信息 -->
- <view class='order'>
- <view class='order-list'>
- <view class='order-title'>订单编号:</view>
- <view class='order-text'>{{paramData.orderId}}</view>
- </view>
- <view class='order-list'>
- <view class='order-title'>团单编号:</view>
- <view class='order-text'>{{data.orderGroupId}}</view>
- </view>
- </view>
- <view class='edit'>
- <button class='share user-motto' id="shareBtn" open-type="share">邀请好友拼团</button>
- </view>
- </view>
|