feat: 调整登录页样式

This commit is contained in:
yangzhe 2025-07-14 10:04:07 +08:00
parent 3ba1e3e0e7
commit bea50fa504
1 changed files with 15 additions and 16 deletions

View File

@ -37,14 +37,14 @@
<view class="form-content"> <view class="form-content">
<view class="form-item"> <view class="form-item">
<text class="form-label" <view class="form-label"
><image ><image
class="image_icon" class="image_icon"
src="/static/common/images/icon_phoneNumber.png" src="/static/common/images/icon_phoneNumber.png"
mode="scaleToFill" mode="scaleToFill"
/> />
手机号</text <text>手机号</text>
> </view>
<view class="input-wrapper"> <view class="input-wrapper">
<input <input
type="number" type="number"
@ -59,13 +59,14 @@
</view> </view>
<view class="form-item" v-if="isTeacher && loginType === 'psd'"> <view class="form-item" v-if="isTeacher && loginType === 'psd'">
<text class="form-label" <view class="form-label"
><image ><image
class="image_icon" class="image_icon"
src="/static/common/images/icon_password.png" src="/static/common/images/icon_password.png"
mode="scaleToFill" mode="scaleToFill"
/></text />
> <text>密码</text>
</view>
<view class="input-wrapper"> <view class="input-wrapper">
<input <input
type="text" type="text"
@ -81,14 +82,14 @@
</view> </view>
<view class="form-item" v-if="loginType === 'code'"> <view class="form-item" v-if="loginType === 'code'">
<text class="form-label"> <view class="form-label">
<image <image
class="image_icon" class="image_icon"
src="/static/common/images/icon_verificationCode.png" src="/static/common/images/icon_verificationCode.png"
mode="scaleToFill" mode="scaleToFill"
/> />
图形验证码</text <text>图形验证码</text>
> </view>
<view class="input-wrapper"> <view class="input-wrapper">
<input <input
type="text" type="text"
@ -111,14 +112,14 @@
</view> </view>
<view class="form-item" v-if="loginType === 'code'"> <view class="form-item" v-if="loginType === 'code'">
<text class="form-label"> <view class="form-label">
<image <image
class="image_icon" class="image_icon"
src="/static/common/images/icon_verificationCode.png" src="/static/common/images/icon_verificationCode.png"
mode="scaleToFill" mode="scaleToFill"
/> />
验证码</text <text>验证码</text>
> </view>
<view class="input-wrapper"> <view class="input-wrapper">
<input <input
type="text" type="text"
@ -556,9 +557,8 @@ export default {
margin-bottom: 32rpx; margin-bottom: 32rpx;
.form-label { .form-label {
display: block; display: flex;
position: relative; align-items: center;
// padding-left: 30rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
@ -568,7 +568,6 @@ export default {
.image_icon { .image_icon {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
vertical-align: text-top;
margin-right: 16rpx; margin-right: 16rpx;
} }