361 lines
6.2 KiB
Plaintext
361 lines
6.2 KiB
Plaintext
input::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder{
|
|
color: #dedede;
|
|
}
|
|
.content{
|
|
border-top: .02rem solid #FAFAFA;
|
|
}
|
|
.addr-select-bg{
|
|
width: 100vw;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,.5);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 998;
|
|
}
|
|
.login-txt{
|
|
padding: 0.4rem;
|
|
min-height: 6.6rem;
|
|
}
|
|
.login-txt .logo{
|
|
width: 1.4rem;
|
|
height: 1.4rem;
|
|
background-color: #e70012;
|
|
border-radius: .1rem;
|
|
overflow: hidden;
|
|
margin: .5rem auto .1rem;
|
|
}
|
|
.login-txt .logo>view{
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin: .1rem auto;
|
|
}
|
|
.login-txt .logo>view image{
|
|
width: 100%;
|
|
}
|
|
.login-txt .company{
|
|
font-size: .48rem;
|
|
line-height: 1.5;
|
|
text-align: center;
|
|
margin-bottom: .7rem;
|
|
}
|
|
.login-txt .phone-number{
|
|
padding-top: .2rem;
|
|
}
|
|
.login-txt .phone-number>view{
|
|
display: block;
|
|
font-size: .28rem;
|
|
line-height: 1.5;
|
|
color: #666;
|
|
}
|
|
.login-txt .phone-number>input{
|
|
width: 100%;
|
|
height: .9rem;
|
|
line-height: .9rem;
|
|
font-size: .32rem;
|
|
border-bottom: .02rem solid #e2e4e6;
|
|
}
|
|
.login-txt .agreement{
|
|
padding-top: .2rem;
|
|
overflow: hidden;
|
|
}
|
|
.login-txt .agreement>.img{
|
|
display: block;
|
|
width: .26rem;
|
|
height: .26rem;
|
|
border-radius: .04rem;
|
|
background-color: #FFFFFF;
|
|
border: .02rem solid #999999;
|
|
margin: .07rem .08rem 0 0;
|
|
float: left;
|
|
}
|
|
.login-txt .agreement>.img>image{
|
|
display: none;
|
|
width: .18rem;
|
|
height: .13rem;
|
|
margin: .045rem auto 0;
|
|
}
|
|
.login-txt .agreement>.img.checked{
|
|
border: .02rem solid #3440c9;
|
|
background-color: #3440c9;
|
|
}
|
|
.login-txt .agreement>.img.checked>image{
|
|
display: block;
|
|
}
|
|
.login-txt .agreement>.txt{
|
|
width: calc(100% - .34rem);
|
|
font-size: .28rem;
|
|
line-height: 1.5;
|
|
float: left;
|
|
}
|
|
.login-txt .agreement>.txt text{
|
|
word-break: break-all;
|
|
color: #3440c9;
|
|
}
|
|
.login-btns{
|
|
margin-top: .3rem;
|
|
}
|
|
.login-btns>view{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: .8rem;
|
|
background-color: #3440c9;
|
|
border-radius: .16rem;
|
|
font-size: .32rem;
|
|
color: #FFFFFF;
|
|
}
|
|
.login-btns>view.nail-btn{
|
|
display: flex;
|
|
justify-content: center;
|
|
background-color: #348bff;
|
|
}
|
|
.login-btns>view.nail-btn>.img{
|
|
width: .4rem;
|
|
height: .52rem;
|
|
margin-right: .08rem;
|
|
}
|
|
.login-btns>view.nail-btn>.img image{
|
|
width: 100%;
|
|
}
|
|
|
|
/* 登录方式 */
|
|
.login-mode{
|
|
width: 100%;
|
|
margin-top: 2rem;
|
|
background-color: #FFFFFF;
|
|
position: fixed;
|
|
bottom: .4rem;
|
|
left: 0;
|
|
}
|
|
.login-mode.noPositin{
|
|
position: static;
|
|
}
|
|
.mode-title{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-size: .32rem;
|
|
line-height: 1.5;
|
|
}
|
|
.mode-title>view{
|
|
width: .9rem;
|
|
height: .02rem;
|
|
background-color: #d3d3d3;
|
|
margin: 0 .1rem;
|
|
}
|
|
.mode-item{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-top: .3rem;
|
|
}
|
|
.mode-item>view{
|
|
width: 1.8rem;
|
|
}
|
|
.mode-item>view>.img{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: 1.2rem;
|
|
height: 1.2rem;
|
|
margin: 0 auto;
|
|
border-radius: 100%;
|
|
background-color: #348bff;
|
|
}
|
|
.mode-item>view>.img view{
|
|
width: .58rem;
|
|
height: .76rem;
|
|
}
|
|
.mode-item>view>.img view image{
|
|
width: 100%;
|
|
}
|
|
.mode-item>view:last-child>view{
|
|
background-color: #ff9834;
|
|
}
|
|
.mode-item>view:last-child>.img view{
|
|
width: .51rem;
|
|
height: .72rem;
|
|
}
|
|
.mode-item>view>text{
|
|
display: block;
|
|
width: 1.8rem;
|
|
height: .44rem;
|
|
line-height: .44rem;
|
|
background-color: #dbeaff;
|
|
border-radius: .1rem;
|
|
border: .02rem solid #3440c9;
|
|
font-size: .24rem;
|
|
margin-top: .12rem;
|
|
text-align: center;
|
|
opacity: 0;
|
|
}
|
|
.mode-item>view>text.active{
|
|
opacity: 1;
|
|
transition: all .6s;
|
|
}
|
|
|
|
/* 弹窗 */
|
|
.my-confirm-bg{
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0,0,0,.5);
|
|
position: fixed;
|
|
top: 0;
|
|
z-index: 998;
|
|
}
|
|
|
|
/* 阅读授权弹窗 */
|
|
.my-confirm2>p{
|
|
text-align: center !important;
|
|
font-size: .32rem;
|
|
}
|
|
|
|
.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: 4rem;
|
|
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;
|
|
}
|
|
|
|
/* 钉钉授权登录弹窗 */
|
|
.nail-popup{
|
|
width: 100%;
|
|
padding: .65rem;
|
|
background-color: #FFFFFF;
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
z-index: 999;
|
|
}
|
|
.nail-popup-title{
|
|
display: flex;
|
|
align-items: center;
|
|
height: .64rem;
|
|
}
|
|
.nail-popup-title>.img{
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: .64rem;
|
|
height: .64rem;
|
|
border-radius: .12rem;
|
|
background-color: #e70012;
|
|
}
|
|
.nail-popup-title>.img view{
|
|
width: .55rem;
|
|
height: .55rem;
|
|
}
|
|
.nail-popup-title>.img view image{
|
|
width: 100%;
|
|
}
|
|
.nail-popup-title>.txt{
|
|
font-size: .48rem;
|
|
line-height: .64rem;
|
|
margin: 0 .08rem;
|
|
}
|
|
.nail-popup-title>text{
|
|
font-size: .32rem;
|
|
}
|
|
.nail-popup>text{
|
|
display: block;
|
|
font-size: .42rem;
|
|
line-height: 1.5;
|
|
margin: .2rem 0;
|
|
}
|
|
.nick-name>view{
|
|
font-size: .28rem;
|
|
line-height: 1.5;
|
|
color: #999999;
|
|
}
|
|
.nick-name>view{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
font-size: .32rem;
|
|
line-height: 1.5;
|
|
padding: .15rem 0;
|
|
border-bottom: .02rem solid #e1e3e5;
|
|
}
|
|
.nick-name>view>view{
|
|
width: .35rem;
|
|
height: .24rem;
|
|
}
|
|
.nick-name>view>view image{
|
|
width: 100%;
|
|
}
|
|
/* 授权按钮 */
|
|
.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;
|
|
} |