feat: 调整登录页样式
This commit is contained in:
parent
3ba1e3e0e7
commit
bea50fa504
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue