paySuccess.wxml 5.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <wxs src="./../../utils/wxsUtil.wxs" module="wxsUtil" />
  2. <view class="border-radius top flex-column flex-align-center">
  3. <image src="/images/icon_21.png"></image>
  4. <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">{{source === 'project' ? '预约成功' : '购买成功'}}</text>
  5. <text style="margin: 40rpx 0 12rpx;font-size: 24rpx;color: #666666;"wx:if="{{source =='project'?true:false}}">{{tips[source][0]}}</text>
  6. <view class="flex-align-baseline" wx:if="{{source =='project'?true:false}}">
  7. <text style="font-size: 24rpx;color: #666666;">请于{{takeOutTime}}之前</text>
  8. </view>
  9. <view class="flex-align-baseline" wx:elif="{{seconds}}">
  10. <text style="font-size: 24rpx;color: #666666;">距离订单开始还剩:</text>
  11. <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;">{{countdownStr}}</text>
  12. </view>
  13. <view class="btn-box flex">
  14. <view class="btn flex-center" style="margin-right: 60rpx;" bindtap="gotoOrderDetail">{{source === 'secondaryCard' ? '我的卡包' : '查看订单'}}</view>
  15. <view class="btn active flex-center" bindtap="gotoHome">返回首页</view>
  16. </view>
  17. </view>
  18. <view class="border-radius list " wx:if="{{productList.length > 0}}">
  19. <view class="flex-column flex-align-center">
  20. <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #000000;">新用户福利</text>
  21. <text style="font-size: 28rpx;color: #666666;margin: 40rpx 0 8rpx;">检测你预约的项目使用的产品可升级!</text>
  22. <view class="flex-align-center">
  23. <text style="font-size: 28rpx;font-family: PingFang-SC-Medium, PingFang-SC;font-weight: 500;color: #343434;">新用户升级立享</text>
  24. <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF3A13;">5</text>
  25. <text style="font-size: 28rpx;font-family: PingFang-SC-Medium, PingFang-SC;font-weight: 500;color: #343434;">折</text>
  26. </view>
  27. <!-- <view class=""></view> -->
  28. </view>
  29. <view class="item flex-align-center" wx:for="{{ productList }}" wx:key="index" bindtap="selectProjectProduct" data-item="{{item}}">
  30. <image class="change-img" src="{{selectProductData && selectProductData.product_id == item.product_id ? '/images/icon_17.png' : '/images/icon_16.png'}}"></image>
  31. <view class="flex1 flex item-card">
  32. <image class="card-img" src="{{item.cover_url}}"></image>
  33. <view class="flex1 flex-column" style="padding:0 20rpx;">
  34. <!-- <view class="flex-align-center flex-justify-space-between">
  35. <text>月卡</text>
  36. <image src="/images/icon_19.png" style="width:56rpx;height:56rpx;" bindtap="onOpenLandscape"></image>
  37. </view> -->
  38. <text class="ellipsis2" style="height: 80rpx;margin-top: 14rpx;">{{item.product_name}}</text>
  39. <view class="flex-align-center">
  40. <text style="font-size: 36rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FF3A13;">¥{{item.member_price}}</text>
  41. <text style="font-size: 24rpx;color: #999999;margin-left: 12rpx;text-decoration:line-through;">¥{{item.original_price}}</text>
  42. <text class="flex1"></text>
  43. <view class="btn flex-center" catchtap="gotoProductDetail" data-item="{{item}}">
  44. 了解更多
  45. </view>
  46. </view>
  47. </view>
  48. </view>
  49. </view>
  50. </view>
  51. <view wx:if="{{recommendList.length > 0}}">
  52. <view class="tabs-title flex-center">
  53. <view class="line"></view>
  54. <view style="font-size: 24rpx;color: #666;margin: 0 20rpx;">为你推荐</view>
  55. <view class="line"></view>
  56. </view>
  57. <view class="tabs-content active">
  58. <view class="item flex" wx:for="{{ recommendList }}" wx:key="index" bindtap="gotoRecommendDetail" data-item="{{item}}">
  59. <image src="{{item.cover_url}}" class="item-image"></image>
  60. <view class="item-text flex1 flex-column flex-justify-space-around ellipsis">
  61. <text class="ellipsis">{{item.name}}</text>
  62. <view class="tags ellipsis">
  63. <view class="tags-item " wx:for="{{ wxsUtil.split(item.tags, ' ') }}" wx:key="t_index" wx:for-item="t_item">
  64. {{t_item}}
  65. </view>
  66. </view>
  67. <view class="vip-price-box flex">
  68. <!-- <view class="vip-price flex-align-center" wx:if="{{!isMember}}">
  69. <text style="padding: 4rpx;">VIP:</text>
  70. <text class="price">¥{{item.member_price}}</text>
  71. </view> -->
  72. <!-- <view wx:else> -->
  73. <!-- <text class="vip-origin-price">¥{{item.original_price}}</text> -->
  74. <text class="vip-origin-price"></text>
  75. <!-- </view> -->
  76. </view>
  77. <view class="btn-box flex-align-center">
  78. <view class="price-text">
  79. <text style="font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FA4622;">¥</text>
  80. <text style="font-size: 40rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #FA4622;">{{isMember ? item.member_price : item.original_price}}</text>
  81. </view>
  82. <image wx:if="{{isMember}}" src="/images/icon_11.png"></image>
  83. <text class="flex1"></text>
  84. <image src="/images/icon_15.png" wx:if="{{ current != 0 }}" style="width: 48rpx;height: 48rpx;"></image>
  85. <view class="btn flex-center" wx:if="{{ current == 0 }}">下单</view>
  86. </view>
  87. </view>
  88. </view>
  89. </view>
  90. <view class="no-more-data">到底啦~</view>
  91. </view>
  92. <view class="btm flex-center" wx:if="{{productList.length > 0}}">
  93. <view class="btm-btn flex-center" style="{{selectProductData ? '':'opacity: 0.3'}}" bindtap="addProductOrder">
  94. 立即升级套装产品
  95. </view>
  96. </view>
  97. <view style="height: 170rpx;"></view>