Skip to content

肖康 / cloudSystem

Go to a project
Commit 3dee07fc by liangjianmin
Options

style(login): 优化登录页面CSS格式 

- 调整CSS文件中的格式，使其更易读
- 更新index.min.css文件，合并样式以减少文件大小
parent c2abc8bd
Inline Side-by-side
Showing with 7 additions and 187 deletions
src/assets/css/login/index.less
html, body, #app {
html,
body,
#app {
height: 100%;
}
......
src/assets/css/login/index.min.css
html,
body,
#app {
height: 100%;
}
.user-box {
height: 100%;
}
.user-box .head-box {
height: 80px;
background: #FFFFFF;
}
.user-box .head-box .head-wrap {
width: 1190px;
height: 100%;
margin: 0 auto;
}
.user-box .head-box .head-wrap .logo {
width: 81px;
height: 39px;
}
.user-box .head-box .head-wrap .logo img {
width: 81px;
height: 39px;
}
.user-box .head-box .head-wrap .line {
width: 1px;
height: 22px;
color: #e0e0e0;
background: #E0E0E0;
margin: 0 13px 0 15px;
}
.user-box .head-box .head-wrap .text .t1 {
font-size: 15px;
color: #333333;
line-height: 19px;
margin-bottom: 4px;
font-weight: bold;
}
.user-box .head-box .head-wrap .text .t2 {
font-size: 13px;
color: #666666;
letter-spacing: 10px;
font-weight: bold;
}
.user-box .section {
width: 100%;
height: calc(100% - 80px);
background: url("../../images/bg.png") no-repeat top center;
background-size: cover;
}
.user-box .section .section-wrap {
position: relative;
width: 1190px;
height: 100%;
margin: 0 auto;
}
.user-box .section .section-wrap .login-box {
position: absolute;
right: 0;
top: 133px;
width: 400px;
height: 367px;
background: #FFFFFF;
border-radius: 8px;
}
.user-box .section .section-wrap .login-box .tit {
font-size: 20px;
color: #333333;
text-align: center;
margin: 25px 0;
}
.user-box .section .section-wrap .login-box .bar {
width: 342px;
margin: 0 auto;
}
.user-box .section .section-wrap .login-box .bar .input-box {
position: relative;
width: 328px;
height: 43px;
background: #FFFFFF;
border-radius: 2px;
border: 1px solid #BEC9DF;
margin-bottom: 20px;
transition: all 0.2s ease;
padding-left: 12px;
}
.user-box .section .section-wrap .login-box .bar .input-box i.iconfont {
padding: 12px 0;
font-size: 20px;
color: #a1acc1;
}
.user-box .section .section-wrap .login-box .bar .input-box .inp {
padding-left: 9px;
height: 34px;
font-size: 14px;
background: transparent;
border-left: 1px solid #BEC9DF;
margin-left: 12px;
letter-spacing: 1px;
}
.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder {
color: #A1ACC1;
}
.user-box .section .section-wrap .login-box .bar .input-box .eye {
position: absolute;
right: 19px;
top: 13px;
font-size: 20px;
color: #a1acc1;
}
.user-box .section .section-wrap .login-box .bar .input-box:focus-within {
border: 1px solid #1969F9;
}
.user-box .section .section-wrap .login-box .bar .input-box.error {
border: 1px solid #FF1D00;
}
.user-box .section .section-wrap .login-box .bar .code-box .l input {
width: 210px;
height: 43px;
line-height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
text-indent: 17px;
font-size: 14px;
}
.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder {
color: #A1ACC1;
}
.user-box .section .section-wrap .login-box .bar .code-box .l input:focus {
border: 1px solid #1969F9;
}
.user-box .section .section-wrap .login-box .bar .code-box.error .l input {
border: 1px solid #FF1D00;
}
.user-box .section .section-wrap .login-box .bar .code-box .r {
width: 118px;
height: 43px;
border-radius: 2px;
border: 1px solid #BEC9DF;
}
.user-box .section .section-wrap .login-box .bar .code-box .r img {
width: 100%;
height: 100%;
}
.user-box .section .section-wrap .login-box .bar .text {
position: relative;
padding: 11px 0;
text-align: right;
}
.user-box .section .section-wrap .login-box .bar .text .error {
position: absolute;
left: 0;
top: 12px;
font-size: 12px;
color: #f10909;
}
.user-box .section .section-wrap .login-box .bar .text a {
line-height: 17px;
font-size: 12px;
color: #999999;
}
.user-box .section .section-wrap .login-box .bar .btn-submit {
width: 342px;
height: 42px;
line-height: 42px;
text-align: center;
background: #A1ACC1;
border-radius: 2px;
font-size: 20px;
color: #ffffff;
display: block;
letter-spacing: 10px;
margin: 0 auto;
transition: all 0.2s ease;
}
.user-box .section .section-wrap .login-box .bar .btn-submit.active {
background: #1969F9;
}
.user-box .section .section-wrap .login-box .bar .btn-submit:hover {
background: #0050E0;
}
/*# sourceMappingURL=index.min.css.map */
\ No newline at end of file
html,body,#app{height:100%}.user-box{height:100%}.user-box .head-box{height:80px;background:#FFFFFF}.user-box .head-box .head-wrap{width:1190px;height:100%;margin:0 auto}.user-box .head-box .head-wrap .logo{width:81px;height:39px}.user-box .head-box .head-wrap .logo img{width:81px;height:39px}.user-box .head-box .head-wrap .line{width:1px;height:22px;color:#e0e0e0;background:#E0E0E0;margin:0 13px 0 15px}.user-box .head-box .head-wrap .text .t1{font-size:15px;color:#333333;line-height:19px;margin-bottom:4px;font-weight:bold}.user-box .head-box .head-wrap .text .t2{font-size:13px;color:#666666;letter-spacing:10px;font-weight:bold}.user-box .section{width:100%;height:calc(100% - 80px);background:url("../../images/bg.png") no-repeat top center;background-size:cover}.user-box .section .section-wrap{position:relative;width:1190px;height:100%;margin:0 auto}.user-box .section .section-wrap .login-box{position:absolute;right:0;top:133px;width:400px;height:367px;background:#FFFFFF;border-radius:8px}.user-box .section .section-wrap .login-box .tit{font-size:20px;color:#333333;text-align:center;margin:25px 0}.user-box .section .section-wrap .login-box .bar{width:342px;margin:0 auto}.user-box .section .section-wrap .login-box .bar .input-box{position:relative;width:328px;height:43px;background:#FFFFFF;border-radius:2px;border:1px solid #BEC9DF;margin-bottom:20px;transition:all .2s ease;padding-left:12px}.user-box .section .section-wrap .login-box .bar .input-box i.iconfont{padding:12px 0;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box .inp{padding-left:9px;height:34px;font-size:14px;background:transparent;border-left:1px solid #BEC9DF;margin-left:12px;letter-spacing:1px}.user-box .section .section-wrap .login-box .bar .input-box .inp::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .input-box .eye{position:absolute;right:19px;top:13px;font-size:20px;color:#a1acc1}.user-box .section .section-wrap .login-box .bar .input-box:focus-within{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .input-box.error{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .l input{width:210px;height:43px;line-height:43px;border-radius:2px;border:1px solid #BEC9DF;text-indent:17px;font-size:14px}.user-box .section .section-wrap .login-box .bar .code-box .l input::-webkit-input-placeholder{color:#A1ACC1}.user-box .section .section-wrap .login-box .bar .code-box .l input:focus{border:1px solid #1969F9}.user-box .section .section-wrap .login-box .bar .code-box.error .l input{border:1px solid #FF1D00}.user-box .section .section-wrap .login-box .bar .code-box .r{width:118px;height:43px;border-radius:2px;border:1px solid #BEC9DF}.user-box .section .section-wrap .login-box .bar .code-box .r img{width:100%;height:100%}.user-box .section .section-wrap .login-box .bar .text{position:relative;padding:11px 0;text-align:right}.user-box .section .section-wrap .login-box .bar .text .error{position:absolute;left:0;top:12px;font-size:12px;color:#f10909}.user-box .section .section-wrap .login-box .bar .text a{line-height:17px;font-size:12px;color:#999999}.user-box .section .section-wrap .login-box .bar .btn-submit{width:342px;height:42px;line-height:42px;text-align:center;background:#A1ACC1;border-radius:2px;font-size:20px;color:#ffffff;display:block;letter-spacing:10px;margin:0 auto;transition:all .2s ease}.user-box .section .section-wrap .login-box .bar .btn-submit.active{background:#1969F9}.user-box .section .section-wrap .login-box .bar .btn-submit:hover{background:#0050E0}/*# sourceMappingURL=./index.min.css.map */
\ No newline at end of file
src/assets/css/login/index.min.css.map
{"version":3,"sources":["index.less"],"names":[],"mappings":"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","file":"index.min.css"}
\ No newline at end of file
{"version":3,"sources":["index.less"],"names":[],"mappings":"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"}
\ No newline at end of file
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