2021-09-01 16:55:20 +08:00
|
|
|
<cu-custom isBack="{{true}}">
|
|
|
|
<view slot="content">会员服务</view>
|
|
|
|
</cu-custom>
|
|
|
|
<view class="page-box">
|
|
|
|
<view class="info-box">
|
|
|
|
<view class="pay-info">
|
|
|
|
<view class="pay-info-item">会员服务费</view>
|
|
|
|
<view class="pay-info-item" style="font-size: 28rpx;color:#0f0f0f;">{{(orderGoodsName)}}</view>
|
|
|
|
</view>
|
|
|
|
<!-- 支付金额 -->
|
|
|
|
<view class="order-price-box">
|
|
|
|
<view class="icon">¥</view>
|
|
|
|
<view class="price">
|
|
|
|
{{price}}
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="hint-msg">
|
|
|
|
<text style="width: 30%;color:#E6B980;">付款提示:</text>
|
|
|
|
<text style="text-align: left;color: #585858;">{{hintMsg}}</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<view class="code-box">
|
|
|
|
<view class="title">邀请码 (选填)</view>
|
|
|
|
<input placeholder="请输入邀请码" type="text" class="code-input" bindinput="inputWatch" maxlength="6" />
|
2021-09-07 17:46:23 +08:00
|
|
|
<image src="/images/ic_version_contrast.png" bindtap="showContrast" mode="scaleToFill"></image>
|
2021-09-01 16:55:20 +08:00
|
|
|
</view>
|
|
|
|
<view class="type-box">
|
|
|
|
<block wx:for="{{typeList}}" wx:key="index">
|
|
|
|
<!-- cardChargeRoleStatus 状态 1启用 0禁用 -->
|
|
|
|
<view class="type-item {{item.cardChargeRoleStatus == 1 ? 'black-text':'gray-text'}}" data-item="{{item}}"
|
|
|
|
data-idx="{{index}}" bindtap="chooseType">
|
|
|
|
<view style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
|
|
|
|
<text
|
|
|
|
class="{{selTypeIndex == index? 'cuIcon-roundcheckfill yellow-text' :'cuIcon-round gray-text'}}"
|
|
|
|
style="font-size: 40rpx;line-height: 30rpx;"></text>
|
|
|
|
<text class="{{selTypeIndex == index ? 'text-red' : ''}}"
|
|
|
|
style="line-height: 20rpx;margin-left: 15rpx;">{{item.cardChargeRoleName}}</text>
|
|
|
|
</view>
|
|
|
|
<view class="{{selTypeIndex == index ? 'text-red' : ''}}">¥{{item.cardChargeRolePrice}}</view>
|
|
|
|
</view>
|
|
|
|
</block>
|
|
|
|
</view>
|
|
|
|
</view>
|
2021-09-07 17:46:23 +08:00
|
|
|
<view class="foot" style="padding: 15rpx;background-color: #ffffff;">
|
2021-09-01 16:55:20 +08:00
|
|
|
<view class="treaty-box">
|
|
|
|
<text class="{{isChecked ? 'cuIcon-squarecheck':'cuIcon-square'}} text-gray" style="font-size: 34rpx;"
|
|
|
|
bindtap="changeCheck"></text>
|
|
|
|
<view bindtap="changeCheck" class="{{isChecked ? 'bg-yellow-light' : 'text-gray'}}"
|
|
|
|
style="font-size: 22rpx;line-height: 20rpx;margin-left: 15rpx;">
|
|
|
|
已阅读并同意<text class="text-blue" catchtap="useDeal">《使用协议》</text>&<text class="text-blue"
|
|
|
|
catchtap="serviceDeal">《会员服务协议》</text>&<text class="text-blue" catchtap="useIntimacy">《隐私政策》</text>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<button class="cu-btn bg-blue" style="width:100%" bindtap="doPay">立即支付</button>
|
|
|
|
</view>
|
2021-09-07 17:46:23 +08:00
|
|
|
|
2021-09-01 16:55:20 +08:00
|
|
|
<!-- 使用协议 -->
|
2021-09-07 17:46:23 +08:00
|
|
|
<van-popup show="{{ isShowUseDeal }}" bind:close="onClose"
|
|
|
|
custom-style="width:90%;height:80%;background-color:transparent;">
|
|
|
|
<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;"
|
|
|
|
catchtap="onClose">
|
|
|
|
<scroll-view class="treaty-content-box" scroll-y>
|
|
|
|
<rich-text nodes="{{treatyStr}}"></rich-text>
|
|
|
|
</scroll-view>
|
|
|
|
<text class="cuIcon-roundclose" catchtap="onClose"
|
|
|
|
style="font-size: 50rpx;color: #fff;margin-top: 15rpx;"></text>
|
2021-09-01 16:55:20 +08:00
|
|
|
</view>
|
|
|
|
</van-popup>
|
|
|
|
<!-- 会员服务协议 -->
|
2021-09-07 17:46:23 +08:00
|
|
|
<van-popup show="{{ isShowServiceTreaty }}" bind:close="onClose"
|
|
|
|
custom-style="width:90%;height:80%;background-color:transparent;">
|
|
|
|
<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;"
|
|
|
|
catchtap="onClose">
|
|
|
|
<scroll-view class="treaty-content-box" scroll-y>
|
|
|
|
<rich-text nodes="{{treatyStr}}"></rich-text>
|
|
|
|
</scroll-view>
|
|
|
|
<text class="cuIcon-roundclose" catchtap="onClose"
|
|
|
|
style="font-size: 50rpx;color: #fff;margin-top: 15rpx;"></text>
|
2021-09-01 16:55:20 +08:00
|
|
|
</view>
|
|
|
|
</van-popup>
|
|
|
|
<!-- 隐私政策 -->
|
2021-09-07 17:46:23 +08:00
|
|
|
<van-popup show="{{ isShowIntimacyTreaty }}" bind:close="onClose"
|
|
|
|
custom-style="width:90%;height:80%;background-color:transparent;">
|
|
|
|
<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;"
|
|
|
|
catchtap="onClose">
|
|
|
|
<scroll-view class="treaty-content-box" scroll-y>
|
|
|
|
<rich-text nodes="{{treatyStr}}"></rich-text>
|
|
|
|
</scroll-view>
|
|
|
|
<text class="cuIcon-roundclose" catchtap="onClose"
|
|
|
|
style="font-size: 50rpx;color: #fff;margin-top: 15rpx;"></text>
|
|
|
|
</view>
|
|
|
|
</van-popup>
|
|
|
|
<van-popup show="{{ isShowContrast }}" bind:close="onClose"
|
|
|
|
custom-style="background-color:transparent;height:100%;width:100%;" round>
|
|
|
|
<view bindtap="onClose"
|
|
|
|
style="width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 80rpx;">
|
|
|
|
<image src="{{contrastId}}" mode="widthFix" style="width: 80%;max-height: 70%;border-radius: 10rpx;"></image>
|
|
|
|
<view style="margin-top: 15rpx;">
|
|
|
|
<text class="cuIcon-roundclose" style="font-size: 40rpx;color: #FFFFFF;"></text>
|
|
|
|
</view>
|
2021-09-01 16:55:20 +08:00
|
|
|
</view>
|
|
|
|
</van-popup>
|