48 lines
1.4 KiB
Plaintext
48 lines
1.4 KiB
Plaintext
<view class="login">
|
|
|
|
<!-- 登录卡片容器 -->
|
|
<view class="login-card">
|
|
<view class="login-text">登录</view>
|
|
|
|
<!-- 手机号输入区 -->
|
|
<view class="phone">
|
|
<image src="/assets/images/icon/Phone.svg" class="phone-icon"></image>
|
|
<input bindinput ="handlePhoneInput" placeholder="请输入手机号" />
|
|
</view>
|
|
|
|
<!-- 密码输入区 -->
|
|
<view class="password">
|
|
<image src="/assets/images/icon/password.svg" class="password-icon"></image>
|
|
<input type="password" bindinput="handlePasswordInput" placeholder="请输入密码" />
|
|
<image src="/assets/images/icon/eye.svg" class="eye-icon"></image>
|
|
</view>
|
|
|
|
<!-- 忘记密码链接 -->
|
|
<view class="forget-password">
|
|
<navigator>忘记密码?</navigator>
|
|
</view>
|
|
|
|
<!-- 登录按钮 -->
|
|
<view class="login-btn">
|
|
<button class="btn-dl" bind:tap="handleLogin" type="primary">登录</button>
|
|
</view>
|
|
|
|
<!-- 协议区 -->
|
|
<view class="agreement-area">
|
|
<checkbox class="agreement"></checkbox>
|
|
<view class="agreement-text">同意小程序的《使用协议》</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 登录提示框 -->
|
|
<view class="prompt-box">
|
|
<view class="line"></view>
|
|
<view class="lText">您还可以使用以下方式登录</view>
|
|
<view class="line"></view>
|
|
</view>
|
|
|
|
<!-- 其他登录方式 -->
|
|
<view class="other-login">
|
|
<image src="/assets/images/icon/weixin.svg"></image>
|
|
</view>
|
|
</view> |