70 lines
2.2 KiB
Plaintext
70 lines
2.2 KiB
Plaintext
<view class="login-page">
|
||
<view class="bg-grid"></view>
|
||
<view class="bg-glow"></view>
|
||
|
||
<view class="login-card">
|
||
<view class="brand">
|
||
<view class="logo">财</view>
|
||
<view class="title">财务智能问答</view>
|
||
<view class="subtitle">专业 · 高效 · 智能</view>
|
||
</view>
|
||
|
||
<view class="form">
|
||
<view class="field">
|
||
<text class="label">手机号</text>
|
||
<input
|
||
class="input"
|
||
type="number"
|
||
maxlength="11"
|
||
placeholder="请输入手机号"
|
||
value="{{phone}}"
|
||
bindinput="onPhoneInput"
|
||
disabled="{{submitting}}"
|
||
/>
|
||
</view>
|
||
|
||
<view class="field">
|
||
<text class="label">验证码</text>
|
||
<view class="row">
|
||
<input
|
||
class="input flex-1"
|
||
type="number"
|
||
maxlength="6"
|
||
placeholder="请输入 6 位验证码"
|
||
value="{{code}}"
|
||
bindinput="onCodeInput"
|
||
disabled="{{submitting}}"
|
||
/>
|
||
<button
|
||
class="code-btn {{(sending || countdown > 0 || submitting) ? 'disabled' : ''}}"
|
||
bindtap="sendCode"
|
||
disabled="{{sending || countdown > 0 || submitting}}"
|
||
>
|
||
{{countdown > 0 ? countdown + 's 后重发' : (sending ? '发送中…' : '获取验证码')}}
|
||
</button>
|
||
</view>
|
||
</view>
|
||
|
||
<button class="submit-btn {{submitting ? 'disabled' : ''}}" bindtap="login" disabled="{{submitting}}">
|
||
{{submitting ? '登录中…' : '登录'}}
|
||
</button>
|
||
|
||
<view class="divider"><text>或</text></view>
|
||
|
||
<view class="wechat-entry">
|
||
<button
|
||
class="wechat-icon-btn {{wxSubmitting ? 'disabled' : ''}}"
|
||
open-type="getPhoneNumber"
|
||
bindgetphonenumber="onGetPhoneNumber"
|
||
disabled="{{wxSubmitting || submitting}}"
|
||
>
|
||
<image class="wechat-icon-img" src="/images/wchat.png" mode="aspectFit" />
|
||
</button>
|
||
<text class="wechat-entry-tip">{{wxSubmitting ? '授权中…' : '微信授权登录'}}</text>
|
||
</view>
|
||
|
||
<view class="tip">测试账号：13800000000 / 验证码 123456</view>
|
||
</view>
|
||
</view>
|
||
</view>
|