card-mini/packagecard/paypage/paypage.wxml

73 lines
3.5 KiB
Plaintext
Raw Normal View History

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" />
</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>