<view><view class="steps-container"><block wx:for="{{steps}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="step-item"><view class="step-line"><view class="{{['line',index!=0?'line-v '+(index<=active?'value-select':''):'']}}"></view><view class="{{['value',index<=active?'value-select':'']}}">{{index+1}}</view><view class="{{['line',index!=2?'line-v '+(index<active?'value-select':''):'']}}"></view></view><view class="{{['title',index<=active?'select':'']}}">{{item.title}}</view></view></block></view><view class="form-conyainer"><view class="message-item"><view class="label">真实姓名</view><view class="message-value"><uni-easyinput bind:input="__e" vue-id="3b7c143d-1" inputBorder="{{false}}" placeholderStyle="color:#ccc; font-size: 28rpx;" placeholder="请输入真实姓名" value="{{authenticationForm.realName}}" data-event-opts="{{[['^input',[['__set_model',['$0','realName','$event',[]],['authenticationForm']]]]]}}" bind:__l="__l"></uni-easyinput></view></view><view class="message-item"><view class="label">手机号</view><view data-event-opts="{{[['tap',[['selectSex',['$event']]]]]}}" class="message-value" bindtap="__e"><uni-easyinput bind:input="__e" vue-id="3b7c143d-2" type="number" inputBorder="{{false}}" placeholderStyle="color:#ccc; font-size: 28rpx;" placeholder="请输入手机号" value="{{authenticationForm.phone}}" data-event-opts="{{[['^input',[['__set_model',['$0','phone','$event',[]],['authenticationForm']]]]]}}" bind:__l="__l"></uni-easyinput></view></view><view class="message-item"><view class="label">验证码</view><view class="message-value"><uni-easyinput bind:input="__e" vue-id="3b7c143d-3" type="number" inputBorder="{{false}}" placeholderStyle="color:#ccc; font-size: 28rpx;" placeholder="请输入验证码" value="{{authenticationForm.code}}" data-event-opts="{{[['^input',[['__set_model',['$0','code','$event',[]],['authenticationForm']]]]]}}" bind:__l="__l"></uni-easyinput><view data-event-opts="{{[['tap',[['sendCode',['$event']]]]]}}" class="{{['code',!canSend?'sending':'']}}" bindtap="__e">{{canSend?'获取验证码':'重新发送('+time+')'}}</view></view></view><view class="message-item"><view class="label">邮箱</view><view class="message-value"><uni-easyinput bind:input="__e" vue-id="3b7c143d-4" inputBorder="{{false}}" placeholderStyle="color:#ccc; font-size: 28rpx;" placeholder="请输入邮箱" value="{{authenticationForm.email}}" data-event-opts="{{[['^input',[['__set_model',['$0','email','$event',[]],['authenticationForm']]]]]}}" bind:__l="__l"></uni-easyinput></view></view><view class="message-item"><view class="label">证件号</view><view class="message-value"><uni-easyinput bind:input="__e" vue-id="3b7c143d-5" type="idcard" inputBorder="{{false}}" placeholderStyle="color:#ccc; font-size: 28rpx;" placeholder="请输入证件号" value="{{authenticationForm.idCode}}" data-event-opts="{{[['^input',[['__set_model',['$0','idCode','$event',[]],['authenticationForm']]]]]}}" bind:__l="__l"></uni-easyinput></view></view><view class="parting"></view><view class="upload-card"><view class="introduce-title">上传身份证</view><view class="upload-container"><view class="card-container"><uni-file-picker vue-id="3b7c143d-6" limit="1" image-styles="{{imageStyles}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="model"> 上传身份证人像面 </view></uni-file-picker></view><view class="card-container"><uni-file-picker vue-id="3b7c143d-7" limit="1" image-styles="{{imageStyles}}" bind:__l="__l" vue-slots="{{['default']}}"><view class="model"> 上传身份证国徽面 </view></uni-file-picker></view></view></view></view><view class="agreement"><view class="protocl"><view class="agree-btn"></view> 已详细阅读并同意 <view class="protocl-btn">《哇咖哇咖创作者协议》</view></view><view class="tips"><view class="agree-btn"></view><view class="tips-message"> 经审慎考虑，同意提供本人真实姓名、手机号及证件号码，以核实本人身份，保障账号安全；同意提供其他信息（包括邮箱、个人介绍） </view></view></view><view class="actions"><view data-event-opts="{{[['tap',[['lastStep',['$event']]]]]}}" class="last-step action-btn" bindtap="__e">上一步</view><view data-event-opts="{{[['tap',[['submit',['$event']]]]]}}" class="{{['submit-not','action-btn',canSubmit&&'submit']}}" bindtap="__e">提交审核</view></view></view>
|
