card-mini/packagecard/paypage/paypage.wxml

102 lines
5.2 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" />
<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>
<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-01 16:55:20 +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>
<!-- 会员服务协议 -->
<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>
<!-- 隐私政策 -->
<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>