zhongping-miniprogram/miniprogram/pages/addPhone/addPhone.wxml

129 lines
4.8 KiB
Plaintext
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<view class="certification-page">
<view class="step-box">
<view class="step-item">
<image src="/assets/images/certification/1.png" />
<text>输入实名信息</text>
</view>
<view class="line"></view>
<view class="step-item">
<image src="/assets/images/certification/2.png" />
<text>确认信息并支付</text>
</view>
<!-- <view class="line"></view>
<view class="step-item">
<image src="/assets/images/certification/3.png" />
认证结果
</view> -->
</view>
<view class="white-box">
<view class="title-box">
实名信息
<view wx:if="{{step === 2}}" class="edit-box" bind:tap="edit">
<image src="/assets/images/certification/edit.png" />
返回修改
</view>
</view>
<view wx:if="{{step === 1}}">
<view class="description">
<image class="icon" src="/assets/images/certification/tishi.png" />
<text>您可以通过实名认证添加多个手机号码,认证添加的手机号均可用于账号登录,为顺利完成实名认证,请您准确填写您的手机号!</text>
</view>
<view class="form-box">
<view class="form-item">
<text >真实姓名</text>
<input model:value="{{name}}" placeholder="请输入您的真实姓名" />
</view>
<view class="form-item">
<text >身份证号</text>
<input model:value="{{idCard}}" type="idcard" placeholder="请输入您的身份证号" />
</view>
<view class="form-item">
<text >手机号码</text>
<input model:value="{{phoneNumber}}" type="number" placeholder="请输入您的手机号码" />
</view>
</view>
<view class="btn-box">
<btn width="422rpx" height="86rpx" fontSize="28rpx" bind:tap="next">提交并进入下一步</btn>
</view>
<!-- <view class="table-box">
<view class="table-title">
<text >实名用户</text>
<text >非实名用户</text>
</view>
<view class="table-content">
<view class="table-col">
<view class="item">
<image src="/assets/images/certification/icon1.png" />
查看所有数据
</view>
<view class="item">
<image src="/assets/images/certification/icon2.png" />
可以自填数据
</view>
<view class="item">
<image src="/assets/images/certification/icon3.png" />
可对信息发起勘误申请
</view>
<view class="item">
<image src="/assets/images/certification/icon4.png" />
对他人查看设置应答
</view>
</view>
<view class="table-col">
<view class="item">
<image src="/assets/images/certification/icon5.png" />
无法查看所有数据详情
</view>
</view>
</view>
</view> -->
</view>
<view wx:if="{{step === 2}}">
<view class="field-box">
<view class="field-item">
<text >真实姓名</text>
{{name}}
</view>
<view class="field-item">
<text >身份证号</text>
{{idCard}}
</view>
<view class="field-item">
<text >手机号码</text>
{{phoneNumber}}
</view>
</view>
<view class="information">本次服务由国家级大数据平台提供实名匹配认证,认证成功后可查看数据档案详情,补充自填信息,申请勘误,生成个人信息报告。请仔细核实认证信息,若因数据档案填写失误造成认证失败,此次认证费用将无法退还。</view>
<view class="price-box">
<text >支付金额</text>
<view class="price">¥<text >{{info.realNameAuthentication / 100}}</text></view>
</view>
<view class="bottom-box">
<btn width="100%" height="82rpx" fontSize="28rpx" bind:tap="showShadow">信息确认无误,立即支付</btn>
</view>
</view>
</view>
<shadow wx:if="{{payShow}}" position="bottom">
<view class="payShadow">
<view class="cancel-box">
<image src="/assets/images/message/cancel.png" bind:tap="hideShadow" />
<!-- <text >使用面容</text> -->
</view>
<view class="pay-info-box">
<view class="title">支付金额</view>
<view class="price-box">¥<text >{{info.realNameAuthentication / 100}}</text></view>
<!-- <view class="time">剩余支付时间14:59:59</view>
<view class="pay-type">
<image src="/" />
微信支付
</view> -->
<btn width="402rpx" height="82rpx" fontSize="28rpx" bind:tap="pay">确认付款</btn>
</view>
</view>
</shadow>
</view>