41 lines
1.4 KiB
Plaintext
41 lines
1.4 KiB
Plaintext
<!-- 极简认证卡片 - 居中模态 -->
|
|
<view class="mask">
|
|
<view class="card">
|
|
<!-- 图标 -->
|
|
<view class="icon-box">
|
|
<image class="icon" src="/images/auth-shield.png" mode="aspectFit" />
|
|
</view>
|
|
|
|
<!-- 标题 -->
|
|
<view class="title">完善资料</view>
|
|
<view class="subtitle">仅需两步，即可开始</view>
|
|
|
|
<!-- 步骤1: 头像 -->
|
|
<view class="step">
|
|
<view class="step-number">1</view>
|
|
<view class="step-text">设置你的头像(一定要选哦)</view>
|
|
</view>
|
|
<button class="avatar-btn" open-type="chooseAvatar" bindchooseavatar="onAvatar">
|
|
<image class="avatar-img" src="{{avatar || '/images/default-avatar.png'}}" mode="aspectFill" />
|
|
<text class="avatar-tip">{{avatar ? '点击更换' : '点击选择(必选)'}}</text>
|
|
</button>
|
|
|
|
<!-- 步骤2: 手机号 -->
|
|
<view class="step">
|
|
<view class="step-number">2</view>
|
|
<view class="step-text">绑定微信手机号</view>
|
|
</view>
|
|
<button class="phone-btn" open-type="getPhoneNumber" bindgetphonenumber="onPhone">
|
|
<text class="phone-icon"></text>
|
|
<text>{{phoneGot ? '已获取' : '一键获取'}}</text>
|
|
</button>
|
|
|
|
<!-- 提交 -->
|
|
<button class="submit-btn" bindtap="submit" disabled="{{!phoneGot || submitting}}">
|
|
{{submitting ? '认证中...' : '完成认证'}}
|
|
</button>
|
|
|
|
<!-- 退出 -->
|
|
<view class="exit" bindtap="exit">暂不认证，退出</view>
|
|
</view>
|
|
</view> |