sendFriend.wxml 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!-- 背景图片 -->
  2. <view class="bgc">
  3. <!-- 体验券 -->
  4. <view class="coupon">
  5. <view class="coupon-top">
  6. <view class="coupon-title">好友体验券</view>
  7. <view class="coupon-desp">{{couponInfo.name}}</view>
  8. </view>
  9. <view class="coupon-bottom">
  10. <view class="coupon-bottom-item">7天有效</view>
  11. <view class="coupon-bottom-item">免费测肤</view>
  12. <view class="coupon-bottom-item">专业护肤</view>
  13. </view>
  14. </view>
  15. </view>
  16. <!-- 送一次按钮 -->
  17. <!-- <button class="send" bindtap="onShareFriends" open-type="{{sendCoupon!=1||couponInfo.times==0?'':'share'}}">
  18. 送一次项目给好友
  19. </button> -->
  20. <button class="send" bindtap="onShareFriends" wx:if="{{sendCoupon==1&&timesLevel!=0}}" open-type="share">
  21. 送一次项目给好友
  22. </button>
  23. <button class="send" bindtap="onShareFriends" wx:else>
  24. 送一次项目给好友
  25. </button>
  26. <!-- 活动说明 -->
  27. <view class="actExplain">
  28. <view class="actExplain-title">
  29. <view></view>
  30. <text>活动说明</text>
  31. <view></view>
  32. </view>
  33. <view class="actExplain-content">
  34. <view style="margin-top: 40rpx;">1、本活动为会员专享活动</view>
  35. <view>2、可以赠送给好友一次 </view>
  36. <view style="margin-top: 10rpx; margin-left: 36rpx;"><text>{{couponInfo.name}}</text></view>
  37. <view>3、获得补水项目要在7天内使用,过期不补</view>
  38. <view>4、活动期间不限邀请次数</view>
  39. <view>5、最多可邀请 <text class="sendCoupenTimes">{{couponInfo.times}}</text> 位朋友体验项目</view>
  40. </view>
  41. </view>
  42. <!-- 赠送记录 -->
  43. <view class="sendRecord">
  44. <view class="sendRecord-title">
  45. <view></view>
  46. <text>赠送记录</text>
  47. <view></view>
  48. </view>
  49. <view class="sendRecord-subfield">
  50. <view>用户昵称</view>
  51. <view>邀请时间</view>
  52. <view>领取状态</view>
  53. </view>
  54. <scroll-view class="sendRecord-content" scroll-y lower-threshold="100" bindscrolltolower="scrollToLower">
  55. <view class="sendRecord-content-item" wx:for="{{couponRecord}}" wx:key="index">
  56. <image src="{{item.avatar_url}}" class="item-image"></image>
  57. <view class="item-name">{{item.nickname}}</view>
  58. <view class="item-time">{{item.create_time}}</view>
  59. <view class="item-status">{{item.receiver_status==0?'待领取':item.receiver_status==1?'领取':item.receiver_status==2?'已使用':item.receiver_status==2?'已过期':''}}</view>
  60. </view>
  61. </scroll-view>
  62. </view>