123 lines
2.0 KiB
CSS
123 lines
2.0 KiB
CSS
.body{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
width: 100%;
|
|
}
|
|
/* 主体开始 */
|
|
.content-block{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
margin-left: 40rpx;
|
|
margin-top: 28rpx;
|
|
margin-right: 40rpx;
|
|
}
|
|
/* 文字开始 */
|
|
.login-explain{
|
|
/* 字体PingFangSC-Regular */
|
|
font-size: 56rpx;
|
|
color: #000000;
|
|
}
|
|
.login-detail{
|
|
width: 494rpx;
|
|
height: 40rpx;
|
|
margin-top: 14rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: flex-start;
|
|
}
|
|
.login-agreement{
|
|
font-size: 28rpx;
|
|
color: #999999;
|
|
white-space: nowrap;
|
|
}
|
|
.login-user{
|
|
font-size: 28rpx;
|
|
color: #517FB0;
|
|
white-space: nowrap;
|
|
margin-left: 10rpx;
|
|
}
|
|
/* 文字结束 */
|
|
|
|
/* 验证码开始 */
|
|
.num-block{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-top: 116rpx;
|
|
}
|
|
.num-view{
|
|
width: 80rpx;
|
|
height: 92rpx;
|
|
border-bottom: solid 1px #5FA5F0;
|
|
font-size: 54rpx;
|
|
text-align: center;
|
|
}
|
|
.num-view-none{
|
|
width: 80rpx;
|
|
height: 92rpx;
|
|
border-bottom: solid 1px #D9D9D9;
|
|
}
|
|
.num{
|
|
text-align: center;
|
|
font-size: 54rpx;
|
|
}
|
|
/* 验证码结束 */
|
|
.receive-again-y{
|
|
font-size: 24rpx;
|
|
margin-top: 34rpx;
|
|
color: #507EB0;
|
|
white-space: nowrap;
|
|
}
|
|
.receive-again-n{
|
|
font-size: 24rpx;
|
|
margin-top: 34rpx;
|
|
color: #999999;
|
|
white-space: nowrap;
|
|
}
|
|
/* 主体结束 */
|
|
/* 键盘开始 */
|
|
.keyboard{
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
height: 514rpx;
|
|
background: rgba(210,213,219,0.90);
|
|
margin-top: 222rpx;
|
|
position: fixed;
|
|
bottom: 0rpx;
|
|
width: 100%;
|
|
}
|
|
.keyboard-line{
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
}
|
|
.button-item{
|
|
width: 234rpx;
|
|
height: 92rpx;
|
|
background: #FFFFFF;
|
|
box-shadow: 0 1px 0 0 #848688;
|
|
border-radius: 5px;
|
|
margin: 12rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.button-item-delete{
|
|
width: 234rpx;
|
|
height: 92rpx;
|
|
border-radius: 5px;
|
|
margin: 12rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.delete{
|
|
width: 46rpx;
|
|
height: 36rpx;
|
|
}
|
|
/* 键盘结束 */ |