You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.8 KiB
81 lines
2.8 KiB
1 month ago
|
<view class="container">
|
||
|
|
<!-- 顶部导航栏 -->
|
||
|
|
<view class="header">
|
||
|
|
<view class="back-btn" bindtap="navigateBack">
|
||
|
|
<text style="font-size: 36rpx;">←</text>
|
||
|
|
</view>
|
||
|
|
<view class="title">个人认证</view>
|
||
|
|
<view class="right-icon"></view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 身份证上传区域 -->
|
||
|
|
<view class="upload-section">
|
||
|
|
<!-- 人像面上传 -->
|
||
|
|
<view class="upload-item">
|
||
|
|
<view class="upload-label">
|
||
|
|
<view class="label-title">人像面</view>
|
||
|
|
<view class="label-desc">上传您身份证头像面</view>
|
||
|
|
</view>
|
||
|
|
<view class="upload-area" bindtap="uploadIdCardFront">
|
||
|
|
<image wx:if="{{idCardFront}}" src="{{idCardFront}}" class="uploaded-image"></image>
|
||
|
|
<view wx:else class="upload-placeholder">
|
||
|
|
<view class="upload-icon">
|
||
|
|
<text style="font-size: 48rpx;">+</text>
|
||
|
|
</view>
|
||
|
|
<view class="upload-text">点击上传人像面</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 国徽面上传 -->
|
||
|
|
<view class="upload-item">
|
||
|
|
<view class="upload-label">
|
||
|
|
<view class="label-title">国徽面</view>
|
||
|
|
<view class="label-desc">上传您身份证国徽面</view>
|
||
|
|
</view>
|
||
|
|
<view class="upload-area" bindtap="uploadIdCardBack">
|
||
|
|
<image wx:if="{{idCardBack}}" src="{{idCardBack}}" class="uploaded-image"></image>
|
||
|
|
<view wx:else class="upload-placeholder">
|
||
|
|
<view class="upload-icon">
|
||
|
|
<text style="font-size: 48rpx;">+</text>
|
||
|
|
</view>
|
||
|
|
<view class="upload-text">点击上传国徽面</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 信息展示区域 -->
|
||
|
|
<view class="info-section">
|
||
|
|
<view class="info-item">
|
||
|
|
<view class="info-label">姓名</view>
|
||
|
|
<view class="info-value">{{name || '上传图片后自动获取'}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<view class="info-label">身份证号</view>
|
||
|
|
<view class="info-value">{{idNumber || '上传图片后自动获取'}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<view class="info-label">居住地址</view>
|
||
|
|
<view class="info-value">{{address || '上传图片后自动获取'}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<view class="info-label">有效期开始时间</view>
|
||
|
|
<view class="info-value">{{validStart || '上传图片后自动获取'}}</view>
|
||
|
|
</view>
|
||
|
|
<view class="info-item">
|
||
|
|
<view class="info-label">有效期结束时间</view>
|
||
|
|
<view class="info-value">{{validEnd || '上传图片后自动获取'}}</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 提示信息 -->
|
||
|
|
<view class="tip-section">
|
||
|
|
<text class="tip-text">为了给您提供更好的服务，请选择您当前服务所在区域</text>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 认证按钮 -->
|
||
|
|
<view class="auth-btn" bindtap="submitAuth">
|
||
|
|
<text class="auth-btn-text">认证</text>
|
||
|
|
</view>
|
||
|
|
</view>
|