memberCenter.wxml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319
  1. <!-- 展示蒙层 显示推广画报 -->
  2. <view class="poster" wx:if="{{myqr_show}}">
  3. <view class="title">兑换规则</view>
  4. <view class="ads">1. 兑换后的超级鲸会员权益将绑定在您本次登录的账号上,一经兑换无法修改权益账号;</view>
  5. <view class="ads">2. 每个兑换码仅限使用一次;</view>
  6. <view class="ads">3. 如您是通过外部合作渠道(非鲸致生活平台内)获得超级鲸会员的兑换资格,此超级会员资格仅包含鲸致生活平台内的基本特权,不包含其他外部特权或专属福利,具体外部权益以对应渠道的公示为准;</view>
  7. <view class="ads">4. 兑换前可转赠亲友,一旦兑换后不支持转赠</view>
  8. <view class="ads">5. 最终解释权归上海宅洁仕网络科技有限公司</view>
  9. <view class="tool">
  10. <view style="text-align:center">
  11. <view bindtap="hidePoster" class="share-btn">知晓关闭</view>
  12. </view>
  13. </view>
  14. </view>
  15. <view class="member-center-page" style="filter:brightness({{myqr_blur}}%)">
  16. <!-- 不是会员或者失效 -->
  17. <!-- !userInfo.level||userInfo.level==0||userInfo.level==2 -->
  18. <view wx:if="{{!userInfo.level||userInfo.level==0||userInfo.level==2}}" class="member-invalid-wrapper">
  19. <!-- 会员信息 -->
  20. <view class="member-invalid-top">
  21. <view class="user-info">
  22. <image mode="aspectFill" class="user-avatar"
  23. src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
  24. <view class="user-detail">
  25. <view class="user-name">
  26. <text>{{userInfo.nickName}}</text>
  27. </view>
  28. <view class="member-date">
  29. <image mode="aspectFill"
  30. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-vip.png"
  31. style="width:22rpx;height:22rpx;margin-right:4rpx;"></image>
  32. <text wx:if="{{userInfo.level==0}}">您未开通会员</text>
  33. <text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
  34. <text wx:if="{{userInfo.level==2}}">{{date}}已到期</text>
  35. </view>
  36. </view>
  37. <view class="buy-record" wx:if="{{userInfo.level==2}}" bindtap="goBuyList">
  38. <text>购买记录</text>
  39. <van-icon name="arrow" color="#fff" />
  40. </view>
  41. </view>
  42. </view>
  43. <view class="member-invalid-card">
  44. <view class="invalid-card-left">
  45. <view class="card-title">超级鲸会员</view>
  46. <view>每月尊享30元无门槛红包</view>
  47. </view>
  48. <view class="invalid-card-right">
  49. <view>低至19元/月</view>
  50. <view class="btn" bindtap="goBuyMember"> <text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
  51. <text wx:else>立即续费</text>
  52. </view>
  53. </view>
  54. </view>
  55. <!-- 会员权益 -->
  56. <view class="benefit-title">会员权益</view>
  57. <view class="benefit-banner-item">
  58. <image mode="aspectFill"
  59. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-01.png"></image>
  60. </view>
  61. <view class="benefit-banner-item">
  62. <image mode="aspectFill"
  63. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-02.png"></image>
  64. </view>
  65. <view class="benefit-banner-item">
  66. <image mode="aspectFill"
  67. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-03.png"></image>
  68. </view>
  69. <view class="benefit-icon-block">
  70. <view class="benefit-icon-item">
  71. <image mode="aspectFill"
  72. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-01.png"></image>
  73. <view class="benefit-icon-title">日常保洁</view>
  74. <view class="benfit-icon-remark">9折起</view>
  75. </view>
  76. <view class="benefit-icon-item">
  77. <image mode="aspectFill"
  78. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-02.png"></image>
  79. <view class="benefit-icon-title">家电蒸洗</view>
  80. <view class="benfit-icon-remark">9折起</view>
  81. </view>
  82. <view class="benefit-icon-item">
  83. <image mode="aspectFill"
  84. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-03.png"></image>
  85. <view class="benefit-icon-title">深度清洁</view>
  86. <view class="benfit-icon-remark">85折起</view>
  87. </view>
  88. <view class="benefit-icon-item">
  89. <image mode="aspectFill"
  90. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-04.png"></image>
  91. <view class="benefit-icon-title">月度优惠券</view>
  92. <view class="benfit-icon-remark">30元起</view>
  93. </view>
  94. </view>
  95. </view>
  96. <!-- 是会员 -->
  97. <view wx:if="{{userInfo.level==1}}" class="member-valid-wrapper">
  98. <view class="member-valid-top">
  99. <view class="user-info">
  100. <image mode="aspectFill" class="user-avatar"
  101. src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
  102. <view class="user-detail">
  103. <view class="user-name">
  104. <text>{{userInfo.nickName}}</text>
  105. </view>
  106. <view class="member-date">
  107. <image mode="aspectFill"
  108. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-vip.png"
  109. style="width:22rpx;height:22rpx;margin-right:4rpx;"></image>
  110. <text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
  111. <view bindtap="goBuyMember" class="renew">立即续费</view>
  112. </view>
  113. </view>
  114. <view class="buy-record" bindtap="goBuyList">
  115. <text>购买记录</text>
  116. <van-icon name="arrow" color="#fff" />
  117. </view>
  118. </view>
  119. <!-- 会员权益 -->
  120. <view class="member-valid-benefit">
  121. <view class="valid-benefit-title">
  122. <view class="line"></view>
  123. <view class="text">会员权益</view>
  124. <view class="line"></view>
  125. </view>
  126. <view class="valid-benefit-block">
  127. <view class="valid-benefit-line">
  128. <view class="valid-benefit-item">
  129. <image mode="aspectFill"
  130. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
  131. <view>日常保洁</view>
  132. <view>9折起</view>
  133. </view>
  134. <view class="valid-benefit-item">
  135. <image mode="aspectFill"
  136. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-12.png"></image>
  137. <view>家电蒸洗</view>
  138. <view>9折起</view>
  139. </view>
  140. <view class="valid-benefit-item">
  141. <image mode="aspectFill"
  142. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
  143. <view>深度清洁</view>
  144. <view>85折起</view>
  145. </view>
  146. <view class="valid-benefit-item">
  147. <image mode="aspectFill"
  148. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
  149. <view>月度优惠券</view>
  150. <view>30元起</view>
  151. </view>
  152. </view>
  153. <view class="valid-benefit-line">
  154. <view class="valid-benefit-item">
  155. <image mode="aspectFill"
  156. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-15.png"></image>
  157. <view>预约特权</view>
  158. <view>优先约</view>
  159. </view>
  160. <view class="valid-benefit-item">
  161. <image mode="aspectFill"
  162. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-16.png"></image>
  163. <view>专属管家</view>
  164. <view>退改无忧</view>
  165. </view>
  166. <view class="valid-benefit-item">
  167. <image mode="aspectFill"
  168. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-17.png"></image>
  169. <view>更多权益</view>
  170. <view>更新中</view>
  171. </view>
  172. <view class="valid-benefit-item">
  173. </view>
  174. </view>
  175. </view>
  176. </view>
  177. </view>
  178. <view class="first-buy-title" style="margin-bottom:24rpx;">
  179. <view>会员特惠</view>
  180. <view class="remark">领券后可再减</view>
  181. </view>
  182. <view class="good-list">
  183. <view wx:for="{{imgList1}}" wx:for-index="index" wx:for-item="item" wx:key="index" class="good-item">
  184. <navigator url="{{item.link}}">
  185. <image class="good-img" src="{{item.url}}" background-size="cover"></image>
  186. </navigator>
  187. </view>
  188. </view>
  189. <view class="first-buy-title" style="margin:0rpx 0 36rpx;">
  190. <view>会员活动</view>
  191. </view>
  192. <view wx:for="{{imgList2}}" wx:for-index="index" wx:for-item="item" wx:key="index" class="banner-item">
  193. <navigator url="{{item.link}}">
  194. <image class="banner-img" src="{{item.url}}" background-size="cover"></image>
  195. </navigator>
  196. </view>
  197. <image style="height: 370rpx;width:706rpx;margin:0 auto;"
  198. src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/member/add_qw.png" mode="aspectFit"
  199. show-menu-by-longpress="{{true}}"></image>
  200. </view>
  201. <view class="pay-btn" bindtap="goBuyMember" wx:if="{{userInfo.level!=1}}">
  202. <text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
  203. <text wx:else>立即续费</text>
  204. </view>
  205. <!-- <view class="center-top">
  206. <view class="user-info">
  207. <image mode="aspectFill" class="user-avatar"
  208. src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
  209. <view class="user-detail">
  210. <view class="user-name">
  211. <text>{{userInfo.nickName}}</text>
  212. <view class="member-bage" wx:if="{{userInfo.level==1||userInfo.level==2}}">J</view>
  213. </view>
  214. <view class="member-date">
  215. <text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
  216. <text wx:if="{{userInfo.level==2}}">已到期</text>
  217. </view>
  218. </view>
  219. <view class="buy-record" wx:if="{{userInfo.level==1}}" bindtap="goBuyList">
  220. <text>购买记录</text>
  221. <van-icon name="arrow" color="#5D3A11" />
  222. </view>
  223. </view>
  224. <view class="amount-info">
  225. <view>
  226. <view class="save-text">累计已省</view>
  227. <view class="save-cost">{{saveMoneyYuan}}.<text>{{saveMoneyPoint}}</text></view>
  228. </view>
  229. <view class="renew-btn" bindtap="goBuyMember">
  230. <text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
  231. <text wx:else>立即续费</text>
  232. </view>
  233. </view>
  234. </view> -->
  235. <!-- <view class="center-content">
  236. <view class="h1-title">鲸致生活·超级鲸会员</view>
  237. <view class="h2-title">— 专注自营品质家庭服务 —</view>
  238. <view class="category-block">
  239. <view class="category-item">
  240. <image class="category-img" mode="aspectFill"
  241. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-01.png"></image>
  242. <view class="category-name">居家保洁</view>
  243. <view class="category-discount">9折起</view>
  244. </view>
  245. <view class="category-item">
  246. <image class="category-img" mode="aspectFill"
  247. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-02.png"></image>
  248. <view class="category-name">深度清洁</view>
  249. <view class="category-discount">8.5折起</view>
  250. </view>
  251. <view class="category-item">
  252. <image class="category-img" mode="aspectFill"
  253. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-03.png"></image>
  254. <view class="category-name">家电蒸洗</view>
  255. <view class="category-discount">8.5折起</view>
  256. </view>
  257. </view>
  258. <view class="category-block" style="padding:0 82rpx;">
  259. <view class="category-item">
  260. <image class="category-img" mode="aspectFill"
  261. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-04.png"></image>
  262. <view class="category-name">保姆/钟点工</view>
  263. <view class="category-discount">中介费9折起</view>
  264. </view>
  265. <view class="category-item">
  266. <image class="category-img" mode="aspectFill"
  267. src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-05.png"></image>
  268. <view class="category-name">自营家政师</view>
  269. <view class="category-discount">专属管家服务</view>
  270. </view>
  271. </view>
  272. <view class="rule" bindtap="showRule">-兑换规则-</view>
  273. </view> -->
  274. </view>