126 lines
1.9 KiB
CSS
126 lines
1.9 KiB
CSS
|
.login {
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content:center;
|
||
|
|
/* margin-top: 128upx; */
|
||
|
|
}
|
||
|
|
.content {
|
||
|
|
height: auto;
|
||
|
|
width: auto;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content:center;
|
||
|
|
/* margin-top: 128upx; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 头部 logo */
|
||
|
|
.header {
|
||
|
|
/* width:400upx;
|
||
|
|
height:200upx; */
|
||
|
|
/* box-shadow:0upx 0upx 60upx 0upx rgba(0,0,0,0.1); */
|
||
|
|
border-radius:50%;
|
||
|
|
/* background-color: #000000;
|
||
|
|
*/ margin-top: 30upx;
|
||
|
|
/* margin-bottom: 30upx; */
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
.header image{
|
||
|
|
width:200upx;
|
||
|
|
height:200upx;
|
||
|
|
border-radius:50%;
|
||
|
|
text-align:center;
|
||
|
|
|
||
|
|
}
|
||
|
|
.title{
|
||
|
|
text-align:center;
|
||
|
|
/* margin-bottom: 70upx; */
|
||
|
|
font-weight:900;
|
||
|
|
font-size: 18px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 主体 */
|
||
|
|
.main {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
padding-left: 90upx;
|
||
|
|
padding-right: 90upx;
|
||
|
|
}
|
||
|
|
.tips {
|
||
|
|
color: #999999;
|
||
|
|
font-size: 28upx;
|
||
|
|
margin-top: 64upx;
|
||
|
|
margin-left: 48upx;
|
||
|
|
/* margin-bottom:30px; */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 其他登录方式 */
|
||
|
|
.other_login{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
margin-top: 256upx;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.login_icon{
|
||
|
|
border: none;
|
||
|
|
font-size: 128upx;
|
||
|
|
margin: 0 64upx 0 64upx;
|
||
|
|
color: rgba(0,0,0,0.7)
|
||
|
|
}
|
||
|
|
.wechat_color{
|
||
|
|
color: #83DC42;
|
||
|
|
}
|
||
|
|
.weibo_color{
|
||
|
|
color: #F9221D;
|
||
|
|
}
|
||
|
|
.github_color{
|
||
|
|
color: #24292E;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 底部 */
|
||
|
|
.footer{
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
font-size: 28upx;
|
||
|
|
margin-top: 64upx;
|
||
|
|
color: rgba(0,0,0,0.7);
|
||
|
|
text-align: center;
|
||
|
|
height: 40upx;
|
||
|
|
line-height: 40upx;
|
||
|
|
}
|
||
|
|
.footer text{
|
||
|
|
font-size: 24upx;
|
||
|
|
margin-left: 15upx;
|
||
|
|
margin-right: 15upx;
|
||
|
|
}
|
||
|
|
/*
|
||
|
|
2019-10-28 ljl 登录输入框样式
|
||
|
|
*/
|
||
|
|
.ljl_title{
|
||
|
|
background: #f3f3f3;
|
||
|
|
font-size:10px;
|
||
|
|
text-indent: 10px;
|
||
|
|
padding-top:5px;
|
||
|
|
color:#cccdd1;
|
||
|
|
height: 100upx;
|
||
|
|
border-radius: 30upx;
|
||
|
|
width: 90%;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
.main-list,.ljl_top{
|
||
|
|
margin-top: -24upx !important;
|
||
|
|
}
|
||
|
|
.ljl_tt{
|
||
|
|
margin-top: 25upx;
|
||
|
|
border-bottom: 1upx solid #cdcdcd;
|
||
|
|
}
|