C端小程序
Non puoi selezionare più di 25 argomenti Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.

130 righe
5.2 KiB

  1. <!--pages/spellDetail/index.wxml-->
  2. <view class='container'>
  3. <!-- 拼团状态-拼团中,拼团成功 -->
  4. <view class='status' wx:if="{{isMyself==true}}">
  5. <view class='status-top'>
  6. <view class='p-status'>{{data.statustext}}</view>
  7. <view class='p-text' wx:if='{{data.status==10}}'>结束</view>
  8. <view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view>
  9. <view class='p-mao' wx:if='{{data.status==10}}'>:</view>
  10. <view class='p-time' wx:if='{{data.status==10}}'>{{min}}</view>
  11. <view class='p-mao' wx:if='{{data.status==10}}'>:</view>
  12. <view class='p-time' wx:if='{{data.status==10}}'>{{hour}}</view>
  13. <view class='p-text' wx:if='{{data.status==10}}'>剩余</view>
  14. </view>
  15. <view class='status-center'>
  16. <view class='status-lists'>
  17. <view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}">
  18. <view class='touxiang' wx:if='{{item.avatarUrl}}'>
  19. <image src='{{item.avatarUrl}}'></image>
  20. </view>
  21. <view class='tuan-icon' wx:if='{{index==0}}'>
  22. <image src='{{tuanzhang}}'></image>
  23. </view>
  24. <view class='no-touxiang' wx:if='{{!item.avatarUrl}}'>
  25. ?
  26. </view>
  27. </view>
  28. <!-- <view class='tuanzhang touxiangitems'>
  29. <view class='touxiang'>
  30. <image src='{{spellBg}}'></image>
  31. </view>
  32. </view>
  33. <view class='tuanzhang touxiangitems'>
  34. <view class='no-touxiang'>
  35. ?
  36. </view>
  37. </view> -->
  38. </view>
  39. </view>
  40. <view class='status-bottom'>
  41. <view class='position-icon'>
  42. <image src='{{position}}'></image>
  43. </view>
  44. <view class='position'>广场地址:{{data.addr}}</view>
  45. </view>
  46. </view>
  47. <!-- 拼团产品详情 -->
  48. <view class='detail'>
  49. <view class='detail-top'>
  50. <view class='detail-top01'>
  51. <image src='{{data.coverImg}}'></image>
  52. </view>
  53. <view class='detail-top02'>
  54. <view class='title'>{{data.title}}</view>
  55. <view class='des'>{{data.subTitle}}</view>
  56. </view>
  57. <view class='detail-top03'>
  58. <view class='detail-p-price'>{{data.salePrice}}元</view>
  59. <view class='detail-p-name'>拼团价</view>
  60. </view>
  61. </view>
  62. <view class='detail-bottom' wx:if="{{isMyself==true}}">
  63. <view class='b-unit'>元</view>
  64. <view class='b-price'>{{data.salePrice}}</view>
  65. <view class='b-name'>实付款</view>
  66. </view>
  67. </view>
  68. <!-- 拼团状态-除拼团失败,拼团超时 wx:if='{{data.status!=10&&!isMyself}}'-->
  69. <view class='status' wx:if='{{data.status!=10&&!isMyself}}' style='padding:0;overflow:hidden;margin-top:30rpx;'>
  70. <view class='status-top' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'>
  71. <view class='p-status' style='text-align:center;width:100%;'>{{data.statustext}}</view>
  72. </view>
  73. <view class='status-center' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'>
  74. <view class='status-lists'>
  75. <view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}">
  76. <view class='touxiang' wx:if='{{item.avatarUrl}}'>
  77. <image src='{{item.avatarUrl}}'></image>
  78. </view>
  79. <view class='tuan-icon' wx:if='{{index==0}}'>
  80. <image src='{{tuanzhang}}'></image>
  81. </view>
  82. <view class='no-touxiang' wx:if='{{!item.avatarUrl}}'>
  83. ?
  84. </view>
  85. </view>
  86. </view>
  87. </view>
  88. <!-- 按钮 -->
  89. <view class='button' style='padding:0 20rpx;'>
  90. <button bindtap='gotoshare'>发起拼团</button>
  91. <button bindtap='gotoSearch'>更多拼团商品</button>
  92. </view>
  93. <view class='status-bottom' style='background:rgba(254,243,232,1);padding:0 20rpx;box-sizing:border-box;'>
  94. <view class='position-icon'>
  95. <image src='{{position}}'></image>
  96. </view>
  97. <view class='position'>广场地址:{{data.addr}}</view>
  98. </view>
  99. </view>
  100. <!-- 拼团订单信息 -->
  101. <view class='order'>
  102. <view class='order-list'>
  103. <view class='order-title'>订单编号:</view>
  104. <view class='order-text'>{{paramData.orderId}}</view>
  105. </view>
  106. <view class='order-list'>
  107. <view class='order-title'>团单编号:</view>
  108. <view class='order-text'>{{data.orderGroupId}}</view>
  109. </view>
  110. </view>
  111. <view class='edit'>
  112. <button class='share user-motto' wx:if="{{data.status==10&&isMyself==true&&data.couponStatus==0}}" id="shareBtn" open-type="share">邀请好友拼团</button>
  113. <button class='share user-motto' wx:if="{{data.status==12||data.status==13&&data.couponStatus==0}}" bindtap='gotoAgain'>重新拼团</button>
  114. <button class='share user-motto' wx:if="{{data.status==11&&isMyself==true&&data.couponStatus==0}}" bindtap='gotoUse'>去使用</button>
  115. </view>
  116. <view class='alert-bg' wx:if='{{showAlert}}' bindtap='gotoClose'></view>
  117. <view class='alert-box' wx:if='{{showAlert}}'>
  118. <view class='alert-close' bindtap='gotoClose'>
  119. <image src='{{close03}}'></image>
  120. </view>
  121. <view class='alert-title'>商品已下架</view>
  122. <view class='alert-button'>
  123. <button class='share user-motto' bindtap='gotoSpellList'>更多拼团商品</button>
  124. </view>
  125. </view>
  126. </view>