92 lines
3.2 KiB
Plaintext
92 lines
3.2 KiB
Plaintext
<view class="page safe-bottom">
|
|
<!-- 顶部导航栏 -->
|
|
<view class="unified-header" style="height: {{totalNavHeight}}px; padding-top: {{statusBarHeight}}px;">
|
|
<view class="unified-header-left" style="height: {{navBarHeight}}px;" bindtap="onBack">
|
|
<image src="/images/icon-back.png" class="unified-back-icon" mode="aspectFit"></image>
|
|
<text class="unified-back-text">返回</text>
|
|
</view>
|
|
<view class="unified-header-title" style="line-height: {{navBarHeight}}px;">实名认证</view>
|
|
<view class="unified-header-right"></view>
|
|
</view>
|
|
|
|
<view class="wrap" style="padding-top: {{totalNavHeight}}px">
|
|
<view class="container">
|
|
<!-- 真实姓名 -->
|
|
<view class="form-group">
|
|
<text class="label">真实姓名</text>
|
|
<view class="input-wrapper">
|
|
<input
|
|
class="input"
|
|
placeholder="请输入您的真实姓名"
|
|
placeholder-class="placeholder"
|
|
value="{{realName}}"
|
|
bindinput="onInput"
|
|
data-field="realName"
|
|
/>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 手机号码 -->
|
|
<view class="form-group">
|
|
<text class="label">手机号码</text>
|
|
<view class="input-wrapper">
|
|
<input
|
|
class="input"
|
|
type="number"
|
|
maxlength="11"
|
|
placeholder="请输入您的手机号码"
|
|
placeholder-class="placeholder"
|
|
value="{{phone}}"
|
|
bindinput="onInput"
|
|
data-field="phone"
|
|
/>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 身份证号 -->
|
|
<view class="form-group">
|
|
<text class="label">身份证号</text>
|
|
<view class="input-wrapper">
|
|
<input
|
|
class="input"
|
|
type="idcard"
|
|
maxlength="18"
|
|
placeholder="请输入您的身份证号"
|
|
placeholder-class="placeholder"
|
|
value="{{idCardNumber}}"
|
|
bindinput="onInput"
|
|
data-field="idCardNumber"
|
|
/>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 身份证正面 -->
|
|
<view class="form-group">
|
|
<text class="label">身份证正面</text>
|
|
<view class="upload-box" bindtap="chooseImage">
|
|
<image wx:if="{{idCardFront}}" src="{{idCardFront}}" mode="aspectFill" class="preview-image" />
|
|
<view wx:else class="upload-placeholder">
|
|
<view class="icon-plus">
|
|
<image src="/images/certification/camera.svg" class="camera-icon" />
|
|
</view>
|
|
<text class="upload-text">点击上传身份证人像面</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 提交按钮 -->
|
|
<view class="submit-btn-wrapper">
|
|
<button class="submit-btn" bindtap="submit" disabled="{{submitting}}">
|
|
{{submitting ? '提交中...' : '提交认证'}}
|
|
</button>
|
|
</view>
|
|
|
|
<!-- 隐私声明 -->
|
|
<view class="privacy-note">
|
|
<app-icon name="shield-check" size="32" color="#00C950" />
|
|
<text class="privacy-text">我们严格保护您的隐私安全，实名信息仅用于提现身份核验，不会泄露给任何第三方。</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|