78 lines
1.9 KiB
Plaintext
78 lines
1.9 KiB
Plaintext
<view class="page">
|
|
|
|
<!-- 顶部 Logo 与标题 -->
|
|
<image class="logo" src="/static/logo.jpg" mode="aspectFit" />
|
|
<text class="page-title">欢迎登录 — 丁香校园</text>
|
|
|
|
<!-- 重置密码卡片 -->
|
|
<view class="card">
|
|
<text class="card-title">忘记密码</text>
|
|
|
|
<view class="form">
|
|
|
|
<!-- 手机号 -->
|
|
<view class="field">
|
|
<input
|
|
class="field-input"
|
|
placeholder="请输入手机号"
|
|
placeholder-class="ph"
|
|
maxlength="11"
|
|
type="number"
|
|
model:value="{{phone}}"
|
|
bindinput="onPhoneInput"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 验证码 + 发送 -->
|
|
<view class="field field-row">
|
|
<input
|
|
class="field-input flex-1"
|
|
placeholder="请输入验证码"
|
|
placeholder-class="ph"
|
|
maxlength="6"
|
|
type="number"
|
|
model:value="{{code}}"
|
|
bindinput="onCodeInput"
|
|
/>
|
|
<text
|
|
class="code-btn {{ countdown>0 ? 'disabled' : '' }}"
|
|
bindtap="{{ countdown>0 ? '' : 'getSmsCode' }}"
|
|
>{{ codeButtonText }}
|
|
</text>
|
|
</view>
|
|
|
|
<!-- 新密码 -->
|
|
<view class="field">
|
|
<input
|
|
class="field-input"
|
|
placeholder="请输入密码"
|
|
placeholder-class="ph"
|
|
password="true"
|
|
model:value="{{newPwd}}"
|
|
bindinput="onNewPwdInput"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 确认密码 -->
|
|
<view class="field field-last">
|
|
<input
|
|
class="field-input"
|
|
placeholder="请再次输入密码"
|
|
placeholder-class="ph"
|
|
password="true"
|
|
model:value="{{confirmPwd}}"
|
|
bindinput="onConfirmPwdInput"
|
|
/>
|
|
</view>
|
|
|
|
<!-- 登录账号 -->
|
|
<text class="link-right" bindtap="gotoLogin">登录账号</text>
|
|
|
|
<!-- 重置密码 按钮 -->
|
|
<view class="btn-primary reset-button" bindtap="resetPassword">
|
|
<text class="btn-primary-text">重置密码</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|