Skip to content

肖康 / cloudSystem

Go to a project
Commit c2abc8bd by liangjianmin
Options

style(login): 优化登录页面表单布局样式 

- 将手机号输入框和密码输入框的容器类名改为row verCenter，实现垂直居中对齐
- 移除输入框后的空行元素，精简结构
- 更新验证码输入区域的布局为row bothSide verCenter，调整按钮位置及对齐方式
- 修正登录密码显示切换按钮图标样式与交互逻辑
parent dbbc0feb
Expand all
Inline Side-by-side
Showing with 8 additions and 10 deletions
src/assets/css/public/common.less
......@@ -163,7 +163,7 @@ html, body {
body {
overflow-x: hidden;
background: #F1F4FA
}
}
.f-blue {
color: #1969F9
......
src/assets/css/public/common.min.css.map
{"version":3,"sources":["common.less"],"names":[],"mappings":"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","file":"common.min.css"}
\ No newline at end of file
{"version":3,"sources":["common.less"],"names":[],"mappings":"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"}
\ No newline at end of file
src/views/User/login.vue
......@@ -19,22 +19,20 @@
<p class="tit">欢迎登录芯链系统</p>
<div class="bar">
<form>
<div class="input-box lbBox" :class="errorClass1 ? 'error' : ''">
<div class="input-box row verCenter" :class="errorClass1 ? 'error' : ''">
<i class="iconfont iconuser va-m"></i>
<input type="text" placeholder="请输入手机号" class="inp va-m" v-model="form.mobile" autocomplete="off" />
<b class="lineBlock emptys"></b>
</div>
<div class="input-box lbBox" :class="errorClass2 ? 'error' : ''">
<div class="input-box row verCenter" :class="errorClass2 ? 'error' : ''">
<i class="iconfont icondenglu-mimabeifen va-m"></i>
<input :type='pwdFlag ? "password" : "text"' placeholder="请输入登录密码" class="inp va-m" v-model="form.password" />
<a href="javascript:;" class="iconfont eye" :class="pwdFlag ? 'iconyincang' : 'iconyanjing'" @click="changePwd()"></a>
<b class="lineBlock emptys"></b>
</div>
<div class="code-box clr" :class="errorClass3 ? 'error' : ''">
<div class="fl l">
<div class="code-box row bothSide verCenter" :class="errorClass3 ? 'error' : ''">
<div class="l">
<input type="text" placeholder="请输入验证码" v-model="form.captcha" />
</div>
<a class="fr r" href="javascript:;" title="换一张" @click="updateCp()">
<a class="r" href="javascript:;" title="换一张" @click="updateCp()">
<img :src="imgSrc" alt="">
</a>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment