C端小程序
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.

70 line
4.1 KiB

  1. <view class='content-box'>
  2. <view class='top'>
  3. <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false">
  4. <c-banner wx:key="unique" list="{{list}}" />
  5. </view>
  6. </view>
  7. <view class='content'>
  8. <view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
  9. <view class='spell-left'>
  10. <image src='{{item.coverImg}}'></image>
  11. </view>
  12. <view class='spell-center'>
  13. <view class='tilte'>{{item.title}}</view>
  14. <view class='remark'>{{item.subTitle}}</view>
  15. <view class='spell-num'>{{item.pressLimitNum+'人团'}}</view>
  16. <view class='price'>
  17. <view class='price01'>
  18. <view class='price-num'>{{item.salePriceStr}}</view>
  19. <view class='price-unit'>元</view>
  20. </view>
  21. <view class='price02'>{{item.priceStr}}</view>
  22. </view>
  23. </view>
  24. <view class='spell-right'>
  25. <view class='right-button'>去拼团</view>
  26. <view class='right-text'>剩余{{item.remainInventory}}</view>
  27. </view>
  28. </view>
  29. <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'>
  30. <view class='spell-top'>
  31. <view class='spell-top-left'>
  32. <view class='top-title' wx:if='{{item.remainPeople!=0}}'>距离成团还差</view>
  33. <view class='top-num' wx:if='{{item.remainPeople!=0}}'>{{item.remainPeople+'人'}}</view>
  34. <view class='top-title' style='color:#8C8C8C;' wx:if='{{item.remainPeople==0}}'>{{item.pressLimitNum+'人成团'}}</view>
  35. </view>
  36. <view class='spell-top-right' style='{{"color:"+(item.status==10?"#FF3232":item.status==11?"#57B257":"#8C8C8C")}}'>{{item.statusText02}}</view>
  37. </view>
  38. <view class='spell-bottom'>
  39. <view class='spell-left' data-id='{{item.id}}' data-data='{{item}}' bindtap='gotoStatusDetail'>
  40. <image src='{{item.coverImg}}'></image>
  41. </view>
  42. <view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='gotoStatusDetail'>
  43. <view class='tilte'>{{item.title}}</view>
  44. <view class='remark'>{{item.subTitle}}</view>
  45. <view class='price' style='margin-top:50rpx;'>
  46. <view class='price01'>
  47. <view class='price-text'style="display: inline;font-size: 24rpx;">拼团价</view>
  48. <view class='price-num'>{{item.salePrice/100}}</view>
  49. <view class='price-unit'>元</view>
  50. </view>
  51. </view>
  52. </view>
  53. <view class='spell-right' style='position:absolute;width:auto;bottom:30rpx;right:20rpx;'>
  54. <!-- 继续邀请好友 -->
  55. <button class='share user-motto right-button' open-type="share" id="shareBtn" wx:if='{{item.status==10}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button>
  56. <!-- 去使用 -->
  57. <view class='right-button' data-data='{{item}}' wx:if='{{item.status==11}}' data-status='{{item.status}}' bindtap='gotoUse' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view>
  58. <!-- 重新拼团 -->
  59. <view class='right-button' data-data='{{item}}' wx:if='{{item.status==13}}' data-status='{{item.status}}' bindtap='gotoAgain' style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</view>
  60. <!-- 拼团失败 -->
  61. <view class='right-button' wx:if='{{item.status==12}}' data-status='{{item.status}}' bindtap='gotoEdit' style="width:auto;display:inline-block;background:#B5B5B5;padding:0 8rpx;">{{item.statusText}}</view>
  62. </view>
  63. </view>
  64. </view>
  65. </view>
  66. <view class='bottom'>
  67. <view class='bottom-left' bindtap="getSpellList" style="background:{{flag=='spellList'?'#FF7250':'#F3453A'}}">拼团商品</view>
  68. <view class='bottom-right' bindtap="getmyList" style="background:{{flag!='spellList'?'#FF7250':'#F3453A'}}">我的拼团</view>
  69. </view>
  70. </view>