ldeyun/ruoyi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化登录页面验证码显示效果

Browse Source
This commit is contained in:
RuoYi 2022-12-28 13:32:49 +08:00
parent 55fb5c5f61
commit 1c5aefbf4f
1 changed files with 183 additions and 176 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
pages/login.vue
View File

@ -14,10 +14,12 @@
<view class="iconfont icon-password icon"></view>
<input v-model="loginForm.password" type="password" class="input" placeholder="请输入密码" maxlength="20" />
</view>
<view class="input-item flex align-center" v-if="captchaEnabled">
<view class="input-item flex align-center" style="width: 60%;margin: 0px;" v-if="captchaEnabled">
<view class="iconfont icon-code icon"></view>
<input v-model="loginForm.code" type="number" class="input" placeholder="请输入验证码" maxlength="4" />
<view class="login-code">
<image :src="codeUrl" @click="getCode" class="login-code-img"></image>
</view >
</view>
<view class="action-btn">
<button @click="handleLogin" class="login-btn cu-btn block bg-blue lg round">登录</button>
@ -168,14 +170,19 @@
color: #333;
margin-top: 20px;
}
}
.easyinput {
width: 100%;
}
}
.login-code {
height: 38px;
float: right;
.login-code-img {
height: 45px;
height: 38px;
position: absolute;
margin-left: 10px;
width: 200rpx;
}
}
}
}
</style>