C端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

88 line
3.9 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' bindtap='gotograde'>
  7. <view class="user-avatar">
  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. <p class="name">{{userName}}</p>
  18. <view class=' usre_level'>
  19. <text class='chengzhang '>{{isPhone ? levelName : "成为会员,享受更多权益"}}</text>
  20. </view>
  21. </view>
  22. <view class="view" wx:if="{{isPhone}}">
  23. <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" />
  24. <view class='msg'>还需{{upgradeScore}}成长值升级</view>
  25. </view>
  26. </view>
  27. </view>
  28. <view class='topbg-btom' mode='widthFix'>
  29. <view class='btoml' bindtap='gotojifen'>
  30. <view class='score'>{{creditAmount}}</view>
  31. <view class='jifen'>
  32. <text>积分详情</text>
  33. <image src="{{rightHr}}" class='right' mode='widthFix'></image>
  34. </view>
  35. </view>
  36. <!-- 二维码 -->
  37. <view class='qrcode'>
  38. <image src="{{erweima}}" class='qrcodeimg' mode='widthFix' bindtap='qrcodeH'></image>
  39. </view>
  40. </view>
  41. </view>
  42. <view class='sort'>
  43. <view bindtap='canSort' hover-class="btn-hover">我可换购</view>
  44. <view class='need' bindtap='need' hover-class="btn-hover">
  45. <text>所需积分</text>
  46. <image wx:if="{{sort}}" src='{{sort}}' moda="aspectFill"></image>
  47. </view>
  48. </view>
  49. <view class='no-data01' wx:if='{{lists.length==0}}'>
  50. <image src='{{nodata}}'></image>
  51. <view class='no-data-text'>暂无数据</view>
  52. </view>
  53. <view class='content' wx:if='{{lists.length>0}}'>
  54. <view class='sepll-list' wx:for="{{lists}}" wx:key="index" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'>
  55. <view class='spell-left'>
  56. <image src='{{item.coverImg}}' mode="aspectFill"></image>
  57. </view>
  58. <view class='spell-center'>
  59. <view class='tilte'>{{item.title}}</view>
  60. <!-- <view class='remark'>{{item.subTitle}}</view> -->
  61. <view class='price'>
  62. <view class='price01'>
  63. <view class='price-num'>{{item.creditPrice}}</view>
  64. <view class='price-unit'>积分</view>
  65. <!-- <view class='more' wx:if="{{item.salePrice!=0}}">+</view>
  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 wx:if="{{ item.type != 51 }}" class='price02'>{{'原价 ' + item.priceStr + '元'}}</view>
  69. </view>
  70. </view>
  71. </view>
  72. <view class='spell-right'>
  73. <view class='right-button' wx:if="{{item.salePrice!=0}}">立即购买</view>
  74. <view class='right-button' wx:if="{{item.salePrice==0&&item.remainInventory!=0}}">立即换购</view>
  75. <view class='right-button remainInventory' wx:if="{{item.remainInventory==0}}">查看</view>
  76. <!-- <view class='right-text'>剩余{{item.remainInventory}}</view> -->
  77. </view>
  78. <view class='line'></view>
  79. <view class='spell-bot'>
  80. <view class='botMsg'>{{item.subTitle}}</view>
  81. <view class='botNum'>剩余{{item.remainInventory}}张</view>
  82. </view>
  83. </view>
  84. </view>
  85. <view class="loading" wx:if="{{loading}}">
  86. {{content}}
  87. </view>
  88. </view>