jzmall_wx/pages/member/buyMember/buyMember.wxml

<view class="buy-member-page">
	<!-- 会员选择 -->
	<view class="member-top">
		<view class="user-info">
				<image mode="aspectFill" class="user-avatar" src="{{memberUserInfo.avatarUrl?memberUserInfo.avatarUrl:'/static/images/new/icon-user.png'}}"></image>
				<view class="user-detail"> 
					<view class="user-name">
						<text>{{memberUserInfo.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="{{memberUserInfo.level==0}}">您未开通会员</text>
						<text wx:if="{{memberUserInfo.level==1}}">您已开通会员</text>
						<text wx:if="{{memberUserInfo.level==2}}">您的会员已到期</text>
					</view>
				</view>
			
			</view>
	<view class="member-type">
		<view class="type-item {{buyType==item.type?'type-active':''}}" wx:for="{{typeList}}" wx:key="index"
			data-type="{{item.type}}" data-price="{{item.price}}" bindtap="switchType">
			<image mode="aspectFill" class="member-type-img" src="{{item.url}}"></image>
			<!-- <image mode="aspectFill" class="member-icon"
				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'}}">
			</image>
			<view class="member-title">超级鲸会员</view>
			<block wx:if="{{index<=1}}">
				<view class="type-name">{{item.name}}</view>
				<view class="type-price">
					¥<text>{{item.price}}</text>/{{item.typeName}}
				</view>
			</block>
			<block wx:if="{{index==2}}">
				<view class="type-convert">VIP兑换</view>
				<view class="vip-tips">已有兑换码</view>
			</block> -->




		</view>
	</view>

	<!-- 提示 -->
	<view class="member-tip">
		<image mode="aspectFill" class="member-tip-img" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/memberCard-1229/icon-remark.png"></image>
	   <view>实体会员卡、合作渠道联名卡请选择VIP兑换</view>
	</view>
</view>
	<!-- 卡内权益 -->
	<!-- <view class="card-benefit">
		<view class="benefit-title">
			卡内权益
			<text wx:if="{{buyType=='2'}}">（年卡）</text>
			<text wx:if="{{buyType=='1'}}">（月卡）</text>
		</view>
		<view class="benefit-block">
			<view class="benefit-item">
				<image class="benefit-img" mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-01.png">
				</image>
				<view class="item-title">居家保洁</view>
				<view class="item-tip">9折起</view>
			</view>
			<view class="benefit-item">
				<image class="benefit-img" mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-02.png">
				</image>
				<view class="item-title">深度清洁</view>
				<view class="item-tip">8.5折起</view>
			</view>
			<view class="benefit-item">
				<image class="benefit-img" mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-03.png">
				</image>
				<view class="item-title">家电蒸洗</view>
				<view class="item-tip">8.5折起</view>
			</view>
			<view class="benefit-item">
				<image class="benefit-img" mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-04.png">
				</image>
				<view class="item-title">保姆/钟点工</view>
				<view class="item-tip">中介费9折</view>
			</view>
			<view class="benefit-item">
				<image class="benefit-img" mode="aspectFill"
					src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/new/member-category-05.png">
				</image>
				<view class="item-title">鲸品家政师</view>
				<view class="item-tip">额外权益</view>
			</view>
		</view>
	</view> -->

	<!-- <view class="card-benefit" style="height: 360rpx;">
		<view class="row">
			<view class="desc">超级补贴（360元/年）</view>
	
		</view>

		<view class="row">
			<view class="desc">居家保洁         5元/月</view>
		</view>

		<view class="row">
			<view class="desc">家电蒸洗 5元/月</view>
			<view class="price"></view>
		</view>

		<view class="row">
			<view class="desc">鲸品家政师 20元/月</view>
			<view class="price"></view>
		</view>

	</view> -->




	<view class="activity-rule-title">
	  <!-- <view class="title-hardline">
		</view> -->
		<text>主意事项</text>
		<!-- <view class="title-hardline">
		</view> -->
	</view>

	<view class="activity-rule-content">
	
	 <view>1.超级鲸会员权益将绑定在您本次登录的账号中，支付成功后 立即生效。</view>
<view>2.生效后无法修改权益账号，不可转增，无法退款。</view>
<view>3.通过兑换码获得超级鲸会员资格的，此超级会员资格仅包含 鲸致生活平台内的基本特权，不包括其他外部联名或合作渠道的特权和专属福利。</view>


	</view>
	<!-- 市场价 -->
	<!-- <view class="price-block" wx:if="{{buyType!='3'}}">
	   <view class="price-line">
		 <text>市场价</text>
		 <view class="invalid-price">¥{{oldPrice}}</view>
		 </view>
		 <view class="price-line">
			<text>限时优惠价</text>
		 <text>¥{{actualPrice}}</text>
		 </view>
	   
	 </view> -->
	<!-- 立即购买 -->

	<view class="buy-btn" wx:if="{{buyType!='3'}}" bindtap="payNow">
		<text class="now-pay">立即支付</text>
		¥<text class="actual-price">{{actualPrice}}</text>/<text wx:if="{{buyType=='2'}}">年</text><text
			wx:if="{{buyType=='1'}}">月</text>
	</view>
	<view class="buy-btn" wx:if="{{buyType=='3'}}" bindtap="goConvert">
		<text class="now-pay">立即兑换</text>

	</view>

</view>