65 lines
1.8 KiB
Plaintext
65 lines
1.8 KiB
Plaintext
|
<!--pages/user/phone-verify/index.wxml-->
|
||
|
|
<view class="phone-verify">
|
||
|
|
<view class="header">
|
||
|
|
<view class="title">绑定手机号</view>
|
||
|
|
<view class="subtitle">绑定手机号后，可以更好地保护您的账户安全</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="form-container">
|
||
|
|
<!-- 手机号输入 -->
|
||
|
|
<view class="input-group">
|
||
|
|
<view class="input-label">手机号</view>
|
||
|
|
<input
|
||
|
|
class="phone-input"
|
||
|
|
type="number"
|
||
|
|
placeholder="请输入手机号"
|
||
|
|
value="{{phoneNumber}}"
|
||
|
|
bindinput="onPhoneInput"
|
||
|
|
maxlength="11"
|
||
|
|
/>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 验证码输入 -->
|
||
|
|
<view class="input-group">
|
||
|
|
<view class="input-label">验证码</view>
|
||
|
|
<view class="verify-code-container">
|
||
|
|
<input
|
||
|
|
class="verify-input"
|
||
|
|
type="number"
|
||
|
|
placeholder="请输入验证码"
|
||
|
|
value="{{verifyCode}}"
|
||
|
|
bindinput="onVerifyCodeInput"
|
||
|
|
maxlength="6"
|
||
|
|
/>
|
||
|
|
<button
|
||
|
|
class="send-code-btn {{canSendCode ? '' : 'disabled'}}"
|
||
|
|
bindtap="sendVerifyCode"
|
||
|
|
disabled="{{!canSendCode}}"
|
||
|
|
>
|
||
|
|
{{sendCodeText}}
|
||
|
|
</button>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 操作按钮 -->
|
||
|
|
<view class="button-container">
|
||
|
|
<button
|
||
|
|
class="confirm-btn {{canConfirm ? 'active' : ''}}"
|
||
|
|
bindtap="confirmBind"
|
||
|
|
disabled="{{!canConfirm}}"
|
||
|
|
>
|
||
|
|
确认绑定
|
||
|
|
</button>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 提示信息 -->
|
||
|
|
<view class="tips">
|
||
|
|
<view class="tip-item">• 验证码将发送至您的手机</view>
|
||
|
|
<view class="tip-item">• 请确保手机号码正确无误</view>
|
||
|
|
<view class="tip-item">• 如有问题，请联系客服</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<!-- 加载提示 -->
|
||
|
|
<t-loading wx:if="{{loading}}" theme="circular" size="40rpx" text="处理中..." />
|