C端小程序
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

45 行
1.7 KiB

  1. <!--pages/spellDetail/index.wxml-->
  2. <navbar home back text="积分换礼" background='#FFF' ></navbar>
  3. <view class='container' style="padding-top:{{navigationBarHeight}}" >
  4. <!-- 拼团产品详情 -->
  5. <view class='detail'>
  6. <view class='return-index' bindtap='gotoIndex'>
  7. <image src='{{home}}' mode="widthFix"></image>
  8. </view>
  9. <view class='detail-top'>
  10. <view class='detail-top01'>
  11. <image src='{{data.coverImg}}' mode="aspectFill"></image>
  12. </view>
  13. <view class='detail-top02'>
  14. <view class='title'>{{data.title}}</view>
  15. <view class='des'>{{data.subTitle}}</view>
  16. <view class='des'>{{'价值:'+data.priceStr+'元'}}</view>
  17. </view>
  18. <view class='detail-top03'>
  19. <view class='detail-p-price'>{{data.creditPrice}}积分</view>
  20. <view class='detail-p-name'>积分售价</view>
  21. </view>
  22. </view>
  23. </view>
  24. <!-- 拼团订单信息 -->
  25. <view class='order'>
  26. <view class='order-list'>
  27. <view class='order-title'>当前积分总额</view>
  28. <view class='order-text'>{{userInfo.credit}}</view>
  29. </view>
  30. <view class='order-list'>
  31. <view class='order-title'>兑换使用积分</view>
  32. <view class='order-text'>{{data.creditPrice}}</view>
  33. </view>
  34. <view class='order-list'>
  35. <view class='order-title'>剩余积分</view>
  36. <view class='order-text'>{{remainingPoints}}</view>
  37. </view>
  38. </view>
  39. <view class='edit'>
  40. <button class='user-motto user-enough' wx:if="{{remainingPoints>=0}}" bindtap='gotoPay'>{{'确认'+data.creditPrice+'积分支付'}}</button>
  41. <button class='user-motto' style='color:rgba(0, 0, 0, 0.3);background:#F7F7F7!important;' wx:if="{{remainingPoints<0}}" bindtap='cannotPay'>积分不足</button>
  42. </view>
  43. </view>