wechat_app_template/pages/login/login.wxss

76 lines
1.4 KiB
Plaintext

/* pages/login/login.wxss */
.login_box {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.form_box {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
}
.login_box .form-item{
padding-bottom:50rpx;
position: relative;
}
.login_box .form-item input{
width: 532rpx;
height: 80rpx;
padding-left: 20px;
border-radius: 39rpx;
background-color: #fafafa;
}
.login_box .tips{
position: absolute;
bottom: 0;
left:0;
color: red;
font-size:26rpx;
transform: translate(20rpx,-10rpx);
display: none;
}
.login_box .form-item.warning .tips{
display: block;
}
.check_lable {
box-sizing: border-box;
height: 60rpx;
display: flex;
justify-content: flex-end;
align-items: center;
color: #b0b0b0;
}
.check_contanier {
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.check_box {
width: 30rpx;
height: 30rpx;
margin-right: 20rpx;
}
radio-group {
width: 200rpx;
align-self: flex-end !important;
}
checkbox .wx-checkbox-input {
width: 30rpx;
height: 30rpx;
margin-bottom: 10rpx;
}
.login_btn {
margin-top: 80rpx;
color: #fff;
font-weight: normal;
border-radius: 39rpx;
background-color: #477DF3;
}