zycp-ddxcx/pages/login/bind/bind.acss

150 lines
2.5 KiB
Plaintext
Raw Normal View History

2022-03-09 15:06:54 +08:00
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
2022-03-10 13:57:25 +08:00
color: #dedede;
2022-03-09 15:06:54 +08:00
}
2022-03-10 13:57:25 +08:00
.verification{
background-color: #f1f4f7;
}
.phone-bg{
padding: 0 .4rem;
background-color: #FFFFFF;
border-top: .2rem solid #f1f4f7;
2022-03-09 15:06:54 +08:00
}
.phone-title{
font-size: .4rem;
line-height: 1.5;
}
.flex{
display: flex;
justify-content: space-between;
2022-03-10 13:57:25 +08:00
align-items: center;
border-bottom: .02rem solid #e2e4e6;
2022-03-09 15:06:54 +08:00
}
2022-03-10 13:57:25 +08:00
.flex>text{
2022-03-09 15:06:54 +08:00
font-size: .3rem;
2022-03-10 13:57:25 +08:00
width: 1.6rem;
2022-03-09 15:06:54 +08:00
}
2022-03-10 13:57:25 +08:00
.flex>input{
width: calc(100% - 1.6rem);
height: .9rem;
line-height: .9rem;
font-size: .3rem;
}
.flex-02{
border-bottom: 0;
}
.flex-02>view{
width: 2rem;
color: #333fc9;
font-size: .28rem;
text-align: right;
}
.flex-02>input{
width: calc(100% - 3.6rem);
2022-03-09 15:06:54 +08:00
}
2022-03-10 13:57:25 +08:00
2022-03-09 15:06:54 +08:00
.login-btns{
2022-03-10 13:57:25 +08:00
width: 6.8rem;
margin: .5rem auto 0;
2022-03-09 15:06:54 +08:00
}
.login-btns>view{
display: flex;
justify-content: center;
align-items: center;
height: .8rem;
background-color: #3440c9;
border-radius: .16rem;
font-size: .32rem;
color: #FFFFFF;
}
.addr-select-bg{
width: 100vw;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 998;
}
/* 授权按钮 */
.nail-popup-btns view{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: .8rem;
margin-top: .4rem;
background-color: #348bff;
border-radius: .16rem;
font-size: .32rem;
color: #FFFFFF;
}
.nail-popup-btns view:last-child{
margin-top: .15rem;
background-color: rgba(0,0,0,0);
color: #333333;
}
/* 提示框 */
.toast{
width: 3rem;
padding: .2rem .25rem;
background-color: rgba(255,255,255,.8);
color: #333333;
border-radius: .1rem;
font-size: .28rem;
line-height: 1.4;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 999;
}
.my-confirm-bg{
width: 100vw;
height: 100%;
background-color: rgba(0,0,0,.5);
position: fixed;
top: 0;
left: 0;
z-index: 998;
}
.my-confirm{
width: 5rem;
padding: .4rem .3rem;
background-color: #FFFFFF;
border-radius: .3rem;
box-shadow: 0 0 .13rem rgba(29,47,67,.1);
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 999;
}
.my-confirm>text{
display: block;
font-size: .28rem;
line-height: 1.5;
text-align: center;
}
.confirm-btns{
display: flex;
justify-content: space-around;
margin-top: .4rem;
}
.confirm-btns>view{
width: 1.6rem;
line-height: .5rem;
border-radius: .25rem;
border: .02rem solid #333fc9;
background-color: #FFFFFF;
font-size: .26rem;
color: #333fc9;
text-align: center;
}
.confirm-btns>view:first-child{
background-color: #333fc9;
color: #FFFFFF;
}