73 lines
3.5 KiB
Plaintext
73 lines
3.5 KiB
Plaintext
|
<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" />
|
||
|
</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>
|
||
|
|
||
|
<view class="foot" style="padding: 15rpx;">
|
||
|
<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>
|
||
|
<!-- 使用协议 -->
|
||
|
<van-popup show="{{ isShowUseDeal }}" bind:close="onClose" custom-style="width:90%;height:75%;" round>
|
||
|
<view class="treaty-content-box">
|
||
|
<rich-text class="content" nodes="{{treatyStr}}"></rich-text>
|
||
|
</view>
|
||
|
</van-popup>
|
||
|
<!-- 会员服务协议 -->
|
||
|
<van-popup show="{{ isShowServiceTreaty }}" bind:close="onClose" custom-style="width:90%;height:75%;" round>
|
||
|
<view class="treaty-content-box">
|
||
|
<rich-text class="content" nodes="{{treatyStr}}"></rich-text>
|
||
|
</view>
|
||
|
</van-popup>
|
||
|
<!-- 隐私政策 -->
|
||
|
<van-popup show="{{ isShowIntimacyTreaty }}" bind:close="onClose" custom-style="width:90%;height:75%;" round>
|
||
|
<view class="treaty-content-box">
|
||
|
<rich-text class="content" nodes="{{treatyStr}}"></rich-text>
|
||
|
</view>
|
||
|
</van-popup>
|