mirror of
https://gitee.com/dromara/sa-token.git
synced 2025-04-05 17:37:53 +08:00
59 lines
2.4 KiB
CSS
59 lines
2.4 KiB
CSS
*{margin: 0; padding: 0;}
|
|
body{font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
|
|
::-webkit-input-placeholder{color: #ccc;}
|
|
|
|
/* 视图盒子 */
|
|
.view-box{position: relative; width: 100vw; height: 100vh; overflow: hidden;}
|
|
/* 背景 EAEFF3 */
|
|
.bg-1{height: 50%; background: linear-gradient(to bottom right, #0466c5, #3496F5);}
|
|
.bg-2{height: 50%; background-color: #EAEFF3;}
|
|
|
|
/* 渐变背景 */
|
|
/*.bg-1{
|
|
background-size: 500%;
|
|
background-image: linear-gradient(125deg,#0466c5,#3496F5,#0466c5,#3496F5,#0466c5,#2496F5);
|
|
animation: bganimation 30s infinite;
|
|
}
|
|
@keyframes bganimation{
|
|
0%{background-position: 0% 50%;}
|
|
50%{background-position: 100% 50%;}
|
|
100%{background-position: 0% 50%;}
|
|
} */
|
|
/* 背景 */
|
|
.bg-1{background: #101C34;}
|
|
.bg-2{background: #101C34;}
|
|
/* .bg-1{height: 100%; background-image: url(./login-bg.png); background-size: 100% 100%;} */
|
|
|
|
|
|
/* 内容盒子 */
|
|
.content-box{position: absolute; width: 100vw; height: 100vh; top: 0px;}
|
|
|
|
/* 登录盒子 */
|
|
/* .login-box{width: 400px; height: 400px; position: absolute; left: calc(50% - 200px); top: calc(50% - 200px); max-width: 90%; } */
|
|
.login-box{width: 400px; margin: auto; max-width: 90%; height: 100%;}
|
|
.login-box{display: flex; align-items: center; text-align: center;}
|
|
|
|
/* 表单 */
|
|
.from-box{flex: 1; padding: 20px 50px; background-color: #FFF;}
|
|
.from-box{border-radius: 1px; box-shadow: 1px 1px 20px #666;}
|
|
.from-title{margin-top: 20px; margin-bottom: 30px; text-align: center;}
|
|
|
|
/* 输入框 */
|
|
.from-item{border: 0px #000 solid; margin-bottom: 15px;}
|
|
.s-input{width: 100%; line-height: 32px; height: 32px; text-indent: 1em; outline: 0; border: 1px #ccc solid; border-radius: 3px; transition: all 0.2s;}
|
|
.s-input{font-size: 12px;}
|
|
.s-input:focus{border-color: #409eff}
|
|
|
|
/* 登录按钮 */
|
|
.s-btn{ text-indent: 0; cursor: pointer; background-color: #409EFF; border-color: #409EFF; color: #FFF;}
|
|
.s-btn:hover{background-color: #50aEFF;}
|
|
|
|
/* 重置按钮 */
|
|
.reset-box{text-align: left; font-size: 12px;}
|
|
.reset-box a{text-decoration: none;}
|
|
.reset-box a:hover{text-decoration: underline;}
|
|
|
|
/* loading框样式 */
|
|
.ajax-layer-load.layui-layer-dialog{min-width: 0px !important; background-color: rgba(0,0,0,0.85);}
|
|
.ajax-layer-load.layui-layer-dialog .layui-layer-content{padding: 10px 20px 10px 40px; color: #FFF;}
|
|
.ajax-layer-load.layui-layer-dialog .layui-layer-content .layui-layer-ico{width: 20px; height: 20px; background-size: 20px 20px; top: 12px; } |