C端小程序
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

87 linhas
3.8 KiB

  1. <!-- <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> -->
  2. <navbar back home text="积分商城" background='#FD832D' color="#FFF"></navbar>
  3. <view style="height:{{navigationBarHeight}} "></view>
  4. <view class='content-box' >
  5. <view class='topbg'>
  6. <view class='topbg-top'>
  7. <view class="user-avatar" bindtap='gotograde'>
  8. <view class='user-box'>
  9. <!-- <open-data class="open" type="userAvatarUrl"></open-data> -->
  10. <image wx:if="{{userAvatarUrl!=''}}" class="userAvatarUrl" src="{{userAvatarUrl}}"></image>
  11. <image wx:if="{{userAvatarUrl==''}}" class="userAvatarUrl" src="../../assets/images/default.png"></image>
  12. </view>
  13. </view>
  14. <view class='bot'>
  15. <view class='myName'>
  16. <open-data class="name" type="userNickName"></open-data>
  17. <view class=' usre_level'>
  18. <text class='chengzhang '>{{levelName}}</text>
  19. </view>
  20. </view>
  21. <view class="view">
  22. <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" />
  23. <view class='msg'>还需{{upgradeScore}}成长值升级</view>
  24. </view>
  25. </view>
  26. </view>
  27. <view class='topbg-btom' mode='widthFix'>
  28. <view class='btoml'bindtap='gotojifen'>
  29. <view class='score'>{{creditAmount}}</view>
  30. <view class='jifen'>
  31. <text>积分详情</text>
  32. <image src="{{rightHr}}" class='right' mode='widthFix'></image>
  33. </view>
  34. </view>
  35. <!-- 二维码 -->
  36. <view class='qrcode' >
  37. <image src="{{erweima}}" class='qrcodeimg' mode='widthFix' bindtap='qrcodeH'></image>
  38. </view>
  39. </view>
  40. </view>
  41. <view class='sort'>
  42. <view bindtap='canSort' hover-class="btn-hover">我可换购</view>
  43. <view class='need' bindtap='need' hover-class="btn-hover">
  44. <text>所需积分</text>
  45. <image wx:if="{{sort }}" src='{{sort}}' moda="aspectFill" ></image>
  46. </view>
  47. </view>
  48. <view class='no-data01' wx:if='{{lists.length==0}}'>
  49. <image src='{{nodata}}'></image>
  50. <view class='no-data-text'>暂无数据</view>
  51. </view>
  52. <view class='content' wx:if='{{lists.length>0}}' >
  53. <view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
  54. <view class='spell-left'>
  55. <image src='{{item.coverImg}}' mode="aspectFill"></image>
  56. </view>
  57. <view class='spell-center'>
  58. <view class='tilte'>{{item.title}}</view>
  59. <!-- <view class='remark'>{{item.subTitle}}</view> -->
  60. <view class='price'>
  61. <view class='price01'>
  62. <view class='price-num'>{{item.creditPrice}}</view>
  63. <view class='price-unit'>积分</view>
  64. <!-- <view class='more' wx:if="{{item.salePrice!=0}}">+</view>
  65. <view class='price-num' wx:if="{{item.salePrice!=0}}">{{item.salePrice}}</view>
  66. <view class='price-unit' wx:if="{{item.salePrice!=0}}">元</view> -->
  67. <view class='price02'>{{'原价 '+item.priceStr+'元'}}</view>
  68. </view>
  69. </view>
  70. </view>
  71. <view class='spell-right'>
  72. <view class='right-button' wx:if="{{item.salePrice!=0}}">立即购买</view>
  73. <view class='right-button' wx:if="{{item.salePrice==0&&item.remainInventory!=0}}">立即换购</view>
  74. <view class='right-button remainInventory' wx:if="{{item.remainInventory==0}}">立即换购</view>
  75. <!-- <view class='right-text'>剩余{{item.remainInventory}}</view> -->
  76. </view>
  77. <view class='line'></view>
  78. <view class='spell-bot'>
  79. <view class='botMsg'>{{item.subTitle}}</view>
  80. <view class='botNum'>剩余{{item.remainInventory}}张</view>
  81. </view>
  82. </view>
  83. </view>
  84. <view class="loading" wx:if="{{loading}}">
  85. {{content}}
  86. </view>
  87. </view>