C端小程序
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

127 行
4.1 KiB

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