jzmall_wx/pages/member/memberCenter/memberCenter.wxml

<!-- 展示蒙层 显示推广画报 -->
<view class="poster" wx:if="{{myqr_show}}">
	<view class="title">兑换规则</view>
	<view class="ads">1. 兑换后的超级鲸会员权益将绑定在您本次登录的账号上，一经兑换无法修改权益账号；</view>
	<view class="ads">2. 每个兑换码仅限使用一次；</view>
	<view class="ads">3. 如您是通过外部合作渠道（非鲸致生活平台内）获得超级鲸会员的兑换资格，此超级会员资格仅包含鲸致生活平台内的基本特权，不包含其他外部特权或专属福利，具体外部权益以对应渠道的公示为准；</view>
	<view class="ads">4. 兑换前可转赠亲友，一旦兑换后不支持转赠</view>
	<view class="ads">5. 最终解释权归上海宅洁仕网络科技有限公司</view>
	<view class="tool">
		<view style="text-align:center">
			<view bindtap="hidePoster" class="share-btn">知晓关闭</view>
		</view>
	</view>
</view>

<view class="member-center-page" style="filter:brightness({{myqr_blur}}%)">
	<!-- 不是会员或者失效 -->
	<!-- !userInfo.level||userInfo.level==0||userInfo.level==2 -->
	<view wx:if="{{!userInfo.level||userInfo.level==0||userInfo.level==2}}" class="member-invalid-wrapper">

		<!-- 会员信息 -->
		<view class="member-invalid-top">
			<view class="user-info">
				<image mode="aspectFill" class="user-avatar"
					src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
				<view class="user-detail">
					<view class="user-name">
						<text>{{userInfo.nickName}}</text>

					</view>
					<view class="member-date">
						<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>
						<text wx:if="{{userInfo.level==0}}">您未开通会员</text>
						<text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
						<text wx:if="{{userInfo.level==2}}">{{date}}已到期</text>
					</view>
				</view>
				<view class="buy-record" wx:if="{{userInfo.level==2}}" bindtap="goBuyList">
					<text>购买记录</text>
					<van-icon name="arrow" color="#fff" />
				</view>
			</view>

		</view>
		<view class="member-invalid-card">
			<view class="invalid-card-left">
				<view class="card-title">超级鲸会员</view>
				<view>每月尊享30元无门槛红包</view>
			</view>
			<view class="invalid-card-right">
				<view>低至19元/月</view>
				<view class="btn" bindtap="goBuyMember"> <text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
					<text wx:else>立即续费</text>
				</view>
			</view>
		</view>
		<!-- 会员权益 -->
		<view class="benefit-title">会员权益</view>
		<view class="benefit-banner-item">
			<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-01.png"></image>
		</view>
		<view class="benefit-banner-item">
			<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-02.png"></image>
		</view>
		<view class="benefit-banner-item">
			<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/member-benefit-03.png"></image>
		</view>
		<view class="benefit-icon-block">
			<view class="benefit-icon-item">
				<image mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-01.png"></image>
				<view class="benefit-icon-title">日常保洁</view>
				<view class="benfit-icon-remark">9折起</view>
			</view>
			<view class="benefit-icon-item">
				<image mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-02.png"></image>
				<view class="benefit-icon-title">家电蒸洗</view>
				<view class="benfit-icon-remark">9折起</view>
			</view>
			<view class="benefit-icon-item">
				<image mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-03.png"></image>
				<view class="benefit-icon-title">深度清洁</view>
				<view class="benfit-icon-remark">85折起</view>
			</view>
			<view class="benefit-icon-item">
				<image mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-04.png"></image>
				<view class="benefit-icon-title">月度优惠券</view>
				<view class="benfit-icon-remark">30元起</view>
			</view>
		</view>


	</view>
	<!-- 是会员 -->
	<view wx:if="{{userInfo.level==1}}" class="member-valid-wrapper">
		<view class="member-valid-top">
			<view class="user-info">
				<image mode="aspectFill" class="user-avatar"
					src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
				<view class="user-detail">
					<view class="user-name">
						<text>{{userInfo.nickName}}</text>

					</view>
					<view class="member-date">
						<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>

						<text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
						 <view bindtap="goBuyMember" class="renew">立即续费</view>

					</view>
				</view>
				<view class="buy-record" bindtap="goBuyList">
					<text>购买记录</text>
					<van-icon name="arrow" color="#fff" />
				</view>
			</view>
       	<!-- 会员权益 -->

		<view class="member-valid-benefit">
		    <view class="valid-benefit-title">
          <view class="line"></view>
					<view class="text">会员权益</view>
					<view class="line"></view>
				</view>
				<view class="valid-benefit-block">
					<view class="valid-benefit-line">
					  <view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
				     <view>日常保洁</view>
						 <view>9折起</view>
						</view>
						<view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-12.png"></image>
				     <view>家电蒸洗</view>
						 <view>9折起</view>
						</view>
						<view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
				     <view>深度清洁</view>
						 <view>85折起</view>
						</view>
						<view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-11.png"></image>
				     <view>月度优惠券</view>
						 <view>30元起</view>
						</view>

				  </view>
					<view class="valid-benefit-line">
					  <view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-15.png"></image>
				     <view>预约特权</view>
						 <view>优先约</view>
						</view>
						<view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-16.png"></image>
				     <view>专属管家</view>
						 <view>退改无忧</view>
						</view>
						<view class="valid-benefit-item">
							<image mode="aspectFill"
				src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-benefit-17.png"></image>
				     <view>更多权益</view>
						 <view>更新中</view>
						</view>
						<view class="valid-benefit-item">
						
						</view>

				  </view>
				</view>
		</view>


		</view>

	
		<view class="first-buy-title" style="margin-bottom:24rpx;">
			<view>会员特惠</view>
			<view class="remark">领券后可再减</view>
		</view>
		<view class="good-list">
			<view wx:for="{{imgList1}}" wx:for-index="index" wx:for-item="item" wx:key="index" class="good-item">
				<navigator url="{{item.link}}">
				<image class="good-img" src="{{item.url}}" background-size="cover"></image>
				</navigator>

			</view>
		</view>
		<view class="first-buy-title" style="margin:0rpx 0 36rpx;">
			<view>会员活动</view>
		</view>
		<view wx:for="{{imgList2}}" wx:for-index="index" wx:for-item="item" wx:key="index" class="banner-item">
			<navigator url="{{item.link}}">
			<image class="banner-img" src="{{item.url}}" background-size="cover"></image>
			</navigator>



		</view>

		<image style="height: 370rpx;width:706rpx;margin:0 auto;"
			src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/member/add_qw.png" mode="aspectFit"
			show-menu-by-longpress="{{true}}"></image>

	</view>

	<view class="pay-btn" bindtap="goBuyMember" wx:if="{{userInfo.level!=1}}">
		<text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
		<text wx:else>立即续费</text>
	</view>

	<!-- <view class="center-top">

		<view class="user-info">
			<image mode="aspectFill" class="user-avatar"
				src="{{userInfo.avatarUrl?userInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
			<view class="user-detail">
				<view class="user-name">
					<text>{{userInfo.nickName}}</text>
					<view class="member-bage" wx:if="{{userInfo.level==1||userInfo.level==2}}">J</view>
				</view>
				<view class="member-date">
					<text wx:if="{{userInfo.level==1}}">{{date}}到期</text>
					<text wx:if="{{userInfo.level==2}}">已到期</text>
				</view>
			</view>
			<view class="buy-record" wx:if="{{userInfo.level==1}}" bindtap="goBuyList">
				<text>购买记录</text>
				<van-icon name="arrow" color="#5D3A11" />
			</view>
		</view>
		<view class="amount-info">
			<view>
				<view class="save-text">累计已省</view>
				<view class="save-cost">{{saveMoneyYuan}}.<text>{{saveMoneyPoint}}</text></view>
			</view>
			<view class="renew-btn" bindtap="goBuyMember">
				<text wx:if="{{!userInfo.level||userInfo.level==0}}">立即开通</text>
				<text wx:else>立即续费</text>
			</view>
		</view>
	</view> -->














	<!-- <view class="center-content">
			<view class="h1-title">鲸致生活·超级鲸会员</view>
			<view class="h2-title">— 专注自营品质家庭服务 —</view>
			<view class="category-block">
				<view class="category-item">
					<image class="category-img" mode="aspectFill"
						src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-01.png"></image>
					<view class="category-name">居家保洁</view>
					<view class="category-discount">9折起</view>
				</view>
				<view class="category-item">
					<image class="category-img" mode="aspectFill"
						src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-02.png"></image>
					<view class="category-name">深度清洁</view>
					<view class="category-discount">8.5折起</view>
				</view>
				<view class="category-item">
					<image class="category-img" mode="aspectFill"
						src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-03.png"></image>
					<view class="category-name">家电蒸洗</view>
					<view class="category-discount">8.5折起</view>
				</view>

			</view>
			<view class="category-block" style="padding:0 82rpx;">
				<view class="category-item">
					<image class="category-img" mode="aspectFill"
						src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-04.png"></image>
					<view class="category-name">保姆/钟点工</view>
					<view class="category-discount">中介费9折起</view>
				</view>
				<view class="category-item">
					<image class="category-img" mode="aspectFill"
						src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-05.png"></image>
					<view class="category-name">自营家政师</view>
					<view class="category-discount">专属管家服务</view>
				</view>

			</view>
			<view class="rule" bindtap="showRule">-兑换规则-</view>
		</view> -->



</view>