detail.wxml 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. <!--pointExchange/pages/detail/detail.wxml-->
  2. <scroll-view scroll-y style="height:100vh">
  3. <view class="top-bg" style="background-image:url({{detail.homeUrl}});">
  4. <view class="main">
  5. <view class="goods-title">{{detail.productName}}</view>
  6. <view class="sub">
  7. 积分:
  8. <text class="red">{{detail.needScore}}</text>
  9. </view>
  10. <view class="sub">
  11. 有效期 {{detail.validTime}}天
  12. </view>
  13. <view class="split"></view>
  14. <view class='partime-bg'>
  15. <view class='partime-detail-info'>
  16. <view class='partime-detail-container'>
  17. <text class='partime-detail-title hk-leftt'>商品详情</text>
  18. <view class='circle'></view>
  19. </view>
  20. <view class='content'>
  21. <view class="desc">
  22. {{detail.productInfo}}
  23. </view>
  24. <view class="desc">
  25. {{detail.storeName}}
  26. </view>
  27. <view class="desc">
  28. <image mode="widthFix" src="{{appAssetsUrl}}/images/location-icon.png" style="width: 22rpx;height: 28rpx;margin-right: 15rpx;vertical-align: middle;"></image>
  29. <text style="font-size: 28rpx;color: #999999;vertical-align: middle;line-height: 1;">{{detail.addr}}</text>
  30. </view>
  31. <image mode="widthFix" src="{{detail.url}}"></image>
  32. </view>
  33. </view>
  34. </view>
  35. <view class='partime-bg'>
  36. <view class='partime-detail-info'>
  37. <view class='partime-detail-container'>
  38. <text class='partime-detail-title hk-leftt'>兑换须知</text>
  39. <view class='circle'></view>
  40. </view>
  41. <view class='content'>
  42. <view class="desc">
  43. 商品兑换前请确认清楚,确认兑换后不能退还积分。
  44. </view>
  45. </view>
  46. </view>
  47. </view>
  48. <button wx:if="{{!isApply}}" class="sub-btn" bindtap="showPopup" data-name="popup">我要兑换</button>
  49. <view style="height: {{bottomLeft}}px;"></view>
  50. </view>
  51. <popup2 id='popup' title='确认兑换' btn_no='取消兑换' btn_ok='确定兑换' bind:error="_error"
  52. bind:success="useCoupon" data-name="popup">
  53. <view slot="content" style="width: 70%;text-align: left;padding: 44rpx 0 38rpx 0;">
  54. <view>剩余总积分:{{options.totalScore}}</view>
  55. <view>兑换当前卡券所需积分:{{detail.needScore}}</view>
  56. </view>
  57. </popup2>
  58. <popup2 id='popup2' title='兑换成功' btn_no='等会儿去' btn_ok='立即查看' bind:error="_error"
  59. bind:success="toPointExchangeByMe" data-name="popup2">
  60. <view slot="content" style="width: 85%;text-align: left;padding: 44rpx 0 38rpx 0;">
  61. <image mode="widthFix" src="{{appAssetsUrl}}/images/success-icon.png" class="success-icon"></image>
  62. <view class="top-tip">恭喜您兑换成功</view>
  63. <view class="bottom-tip">可以在我的兑换中查看已兑换的物品</view>
  64. </view>
  65. </popup2>
  66. <popup2 id='popup3' title='确认使用' btn_no='取消使用' btn_ok='确定使用' bind:error="_error"
  67. bind:success="applyCoupon" data-name="popup3">
  68. <view slot="content" style="width: 60%;padding: 44rpx 0 38rpx 0;">
  69. 请在店员指导下使用该券兑换码:<text style="color: #0090FF;">{{detail.cdkey}}</text>
  70. </view>
  71. </popup2>
  72. </view>
  73. </scroll-view>