buyMember.wxml 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <view class="buy-member-page">
  2. <!-- 会员选择 -->
  3. <view class="member-top">
  4. <view class="user-info">
  5. <image mode="aspectFill" class="user-avatar" src="{{memberUserInfo.avatarUrl?memberUserInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
  6. <view class="user-detail">
  7. <view class="user-name">
  8. <text>{{memberUserInfo.nickName}}</text>
  9. </view>
  10. <view class="member-date">
  11. <image mode="aspectFill" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-vip.png" style="width:22rpx;height:22rpx;margin-right:4rpx;"></image>
  12. <text wx:if="{{memberUserInfo.level==0}}">您未开通会员</text>
  13. <text wx:if="{{memberUserInfo.level==1}}">您已开通会员</text>
  14. <text wx:if="{{memberUserInfo.level==2}}">您的会员已到期</text>
  15. </view>
  16. </view>
  17. </view>
  18. <view class="member-type">
  19. <view class="type-item {{buyType==item.type?'type-active':''}}" wx:for="{{typeList}}" wx:key="index"
  20. data-type="{{item.type}}" data-price="{{item.price}}" bindtap="switchType">
  21. <image mode="aspectFill" class="member-type-img" src="{{item.url}}"></image>
  22. <!-- <image mode="aspectFill" class="member-icon"
  23. src="{{buyType==item.type?'https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/icon-jzhy-active.png':'https://jzmall.lifejingzhi.com/file/jzmall/weixin/member/icon-jzhy.png'}}">
  24. </image>
  25. <view class="member-title">超级鲸会员</view>
  26. <block wx:if="{{index<=1}}">
  27. <view class="type-name">{{item.name}}</view>
  28. <view class="type-price">
  29. ¥<text>{{item.price}}</text>/{{item.typeName}}
  30. </view>
  31. </block>
  32. <block wx:if="{{index==2}}">
  33. <view class="type-convert">VIP兑换</view>
  34. <view class="vip-tips">已有兑换码</view>
  35. </block> -->
  36. </view>
  37. </view>
  38. <!-- 提示 -->
  39. <view class="member-tip">
  40. <image mode="aspectFill" class="member-tip-img" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-remark.png"></image>
  41. <view>实体会员卡、合作渠道联名卡请选择VIP兑换</view>
  42. </view>
  43. </view>
  44. <!-- 卡内权益 -->
  45. <!-- <view class="card-benefit">
  46. <view class="benefit-title">
  47. 卡内权益
  48. <text wx:if="{{buyType=='2'}}">(年卡)</text>
  49. <text wx:if="{{buyType=='1'}}">(月卡)</text>
  50. </view>
  51. <view class="benefit-block">
  52. <view class="benefit-item">
  53. <image class="benefit-img" mode="aspectFill"
  54. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-01.png">
  55. </image>
  56. <view class="item-title">居家保洁</view>
  57. <view class="item-tip">9折起</view>
  58. </view>
  59. <view class="benefit-item">
  60. <image class="benefit-img" mode="aspectFill"
  61. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-02.png">
  62. </image>
  63. <view class="item-title">深度清洁</view>
  64. <view class="item-tip">8.5折起</view>
  65. </view>
  66. <view class="benefit-item">
  67. <image class="benefit-img" mode="aspectFill"
  68. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-03.png">
  69. </image>
  70. <view class="item-title">家电蒸洗</view>
  71. <view class="item-tip">8.5折起</view>
  72. </view>
  73. <view class="benefit-item">
  74. <image class="benefit-img" mode="aspectFill"
  75. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-04.png">
  76. </image>
  77. <view class="item-title">保姆/钟点工</view>
  78. <view class="item-tip">中介费9折</view>
  79. </view>
  80. <view class="benefit-item">
  81. <image class="benefit-img" mode="aspectFill"
  82. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-05.png">
  83. </image>
  84. <view class="item-title">鲸品家政师</view>
  85. <view class="item-tip">额外权益</view>
  86. </view>
  87. </view>
  88. </view> -->
  89. <!-- <view class="card-benefit" style="height: 360rpx;">
  90. <view class="row">
  91. <view class="desc">超级补贴(360元/年)</view>
  92. </view>
  93. <view class="row">
  94. <view class="desc">居家保洁 5元/月</view>
  95. </view>
  96. <view class="row">
  97. <view class="desc">家电蒸洗 5元/月</view>
  98. <view class="price"></view>
  99. </view>
  100. <view class="row">
  101. <view class="desc">鲸品家政师 20元/月</view>
  102. <view class="price"></view>
  103. </view>
  104. </view> -->
  105. <view class="activity-rule-title">
  106. <!-- <view class="title-hardline">
  107. </view> -->
  108. <text>主意事项</text>
  109. <!-- <view class="title-hardline">
  110. </view> -->
  111. </view>
  112. <view class="activity-rule-content">
  113. <view>1.超级鲸会员权益将绑定在您本次登录的账号中,支付成功后 立即生效。</view>
  114. <view>2.生效后无法修改权益账号,不可转增,无法退款。</view>
  115. <view>3.通过兑换码获得超级鲸会员资格的,此超级会员资格仅包含 鲸致生活平台内的基本特权,不包括其他外部联名或合作渠道的特权和专属福利。</view>
  116. </view>
  117. <!-- 市场价 -->
  118. <!-- <view class="price-block" wx:if="{{buyType!='3'}}">
  119. <view class="price-line">
  120. <text>市场价</text>
  121. <view class="invalid-price">¥{{oldPrice}}</view>
  122. </view>
  123. <view class="price-line">
  124. <text>限时优惠价</text>
  125. <text>¥{{actualPrice}}</text>
  126. </view>
  127. </view> -->
  128. <!-- 立即购买 -->
  129. <view class="buy-btn" wx:if="{{buyType!='3'}}" bindtap="payNow">
  130. <text class="now-pay">立即支付</text>
  131. ¥<text class="actual-price">{{actualPrice}}</text>/<text wx:if="{{buyType=='2'}}">年</text><text
  132. wx:if="{{buyType=='1'}}">月</text>
  133. </view>
  134. <view class="buy-btn" wx:if="{{buyType=='3'}}" bindtap="goConvert">
  135. <text class="now-pay">立即兑换</text>
  136. </view>
  137. </view>