order-card2.wxml 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!--compone/order-card/order-card.wxml-->
  2. <!-- 商品数量不为1 -->
  3. <view class="lately" style="width: {{width + 'rpx'}};" wx:if="{{cardData.commodity_list.length != 1}}">
  4. <view class="late-body">
  5. <!-- 拼团名称 -->
  6. <view class="late-title">{{cardData.gang_name}}</view>
  7. <!-- 进度条 -->
  8. <view class="late-progress">
  9. <van-progress percentage="{{cardData.speed_progress}}" inactive="{{cardData.gang_status == 0}}" stroke-width="8" show-pivot="{{false}}" color="#FF874E" track-color="#FF874E70" />
  10. </view>
  11. <!-- 倒计时 -->
  12. <view class="late-time" style="color: {{cardData.gang_status == 0?'#989898':''}};">
  13. <count-down format="{DD}天{HH}时{mm}分{ss}秒" endTime="{{cardData.time1 * 1000}}"></count-down>
  14. </view>
  15. <!-- 用户信息 -->
  16. <view class="late-content">
  17. <view class="late-c-b">
  18. <van-image round width="50rpx" style="margin-top: 8rpx;" fit="cover" height="50rpx" src="{{cardData.headimg}}" />
  19. <p>{{cardData.name}}</p>
  20. </view>
  21. <!-- <view>发布时间:{{cardData.opening_time}}</view>
  22. <view>发布时间:{{cardData.closing_time}}</view> -->
  23. <p class="late-c-p" wx:if="{{cardData.gang_status == 1}}">拼团中</p>
  24. <p class="late-c-p" wx:else style="color: #989898;">已截团</p>
  25. </view>
  26. <!-- 商品图片 -->
  27. <view class="late-items">
  28. <scroll-view class="late-scroll" scroll-x="true">
  29. <van-image radius="10" width="70" height="70" src="{{items.commodity_img}}" wx:for="{{cardData.commodity_list}}" wx:key="{{index}}" wx:for-item="items" class="late-img" wx:key="indexs" />
  30. </scroll-view>
  31. <view class="late-num">
  32. <p>共{{cardData.commodity_number}}件</p>
  33. <image src="/images/go.png"></image>
  34. </view>
  35. </view>
  36. </view>
  37. </view>
  38. <!-- 商品数量为1 -->
  39. <view class="lately-1" style="width: {{width + 'rpx'}};" wx:if="{{cardData.commodity_list.length == 1}}">
  40. <view class="late1-body">
  41. <!-- 商品图片 -->
  42. <van-image radius="10" width="115" height="115" src="{{cardData.commodity_list[0].commodity_img}}" />
  43. <view class="late1-cont">
  44. <!-- 拼团名称 -->
  45. <view class="late1-title">
  46. {{cardData.gang_name}}
  47. </view>
  48. <!-- 进度条 -->
  49. <view class="late1-progress">
  50. <van-progress percentage="{{cardData.speed_progress}}" inactive="{{cardData.gang_status == 0}}" stroke-width="8" show-pivot="{{false}}" color="#FF874E" track-color="#FF874E70" />
  51. </view>
  52. <!-- 倒计时 -->
  53. <view class="late1-time" style="color: {{cardData.gang_status == 0?'#989898':''}};">
  54. <count-down format="{DD}天{HH}时{mm}分{ss}秒" endTime="{{cardData.time1 * 1000}}"></count-down>
  55. </view>
  56. <!-- 用户信息 -->
  57. <view class="late1-content">
  58. <view class="late1-c-b">
  59. <van-image round width="50rpx" style="margin-top: 8rpx;" fit="cover" height="50rpx" src="{{cardData.headimg}}" />
  60. <p>{{cardData.name}}</p>
  61. </view>
  62. <p class="late1-c-p" wx:if="{{cardData.gang_status == 1}}">拼团中</p>
  63. <p class="late1-c-p" wx:else style="color: #989898;">已截团</p>
  64. </view>
  65. </view>
  66. </view>
  67. </view>