C端小程序
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

87 рядки
3.6 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 class='content-box' style="padding-top:{{navigationBarHeight}}">
  4. <view class='topbg'>
  5. <view class='topbg-top'>
  6. <view class="user-avatar" bindtap='gotograde'>
  7. <view class='user-box'>
  8. <open-data class="open" type="userAvatarUrl"></open-data>
  9. </view>
  10. </view>
  11. <view class='bot'>
  12. <view class='myName'>
  13. <open-data class="name" type="userNickName"></open-data>
  14. <view class=' usre_level'>
  15. <text class='chengzhang '>{{levelName}}</text>
  16. </view>
  17. </view>
  18. <view class="view">
  19. <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" />
  20. <view class='msg'>还需{{upgradeScore}}成长值升级</view>
  21. </view>
  22. </view>
  23. </view>
  24. <view class='topbg-btom' mode='widthFix'>
  25. <view class='btoml'bindtap='gotojifen'>
  26. <view class='score'>{{creditAmount}}</view>
  27. <view class='jifen'>
  28. <text>积分详情</text>
  29. <image src="{{rightHr}}" class='right' mode='widthFix'></image>
  30. </view>
  31. </view>
  32. <!-- 二维码 -->
  33. <view class='qrcode' >
  34. <image src="{{erweima}}" class='qrcodeimg' mode='widthFix' bindtap='qrcodeH'></image>
  35. </view>
  36. </view>
  37. </view>
  38. <view class='sort'>
  39. <view bindtap='canSort' hover-class="btn-hover">我可换购</view>
  40. <view class='need' bindtap='need' hover-class="btn-hover">
  41. <text>所需积分</text>
  42. <image wx:if="{{sort }}" src='{{sort}}' moda="aspectFill" ></image>
  43. </view>
  44. </view>
  45. <view class='no-data01' wx:if='{{lists.length==0}}'>
  46. <image src='{{nodata}}'></image>
  47. <view class='no-data-text'>暂无数据</view>
  48. </view>
  49. <view class='content' wx:if='{{lists.length>0}}' >
  50. <view class='sepll-list' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
  51. <view class='spell-left'>
  52. <image src='{{item.coverImg}}' mode="aspectFill"></image>
  53. </view>
  54. <view class='spell-center'>
  55. <view class='tilte'>{{item.title}}</view>
  56. <!-- <view class='remark'>{{item.subTitle}}</view> -->
  57. <view class='price'>
  58. <view class='price01'>
  59. <view class='price-num'>{{item.creditPrice}}</view>
  60. <view class='price-unit'>积分</view>
  61. <view class='price02'>{{'原价 '+item.priceStr+'元'}}</view>
  62. </view>
  63. </view>
  64. <view class='price'>
  65. <view class='price01'>
  66. <view class='price-num' wx:if="{{item.salePrice!=0}}">{{item.salePrice}}</view>
  67. <view class='price-unit' wx:if="{{item.salePrice!=0}}">元</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>