金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

155 lines
3.1 KiB

@import '../../../common/css/global';
#address-add{
.indetify-img{
image{
width: 100%;
vertical-align:middle;
}
}
.address-info{
background: #FFFFFF;
padding: 0 32rpx;
.info-item{
height: 40px;
line-height: 40px;
// padding-left: 15px;
display: flex;
align-items: center;
color: #333333;
font-size: 13px;
font-weight:bold;
border-bottom: 1rpx solid #e5e5e5;
&:last-child{
border-bottom: none;
}
label{
width: 80px;
display: block;
color:#666666;
font-size: 13px;
font-weight: 400;
}
.form-control{
flex: 1;
padding: 0 30px 0 10px;
input{
width: 100%;
font-size: 13px;
box-sizing: border-box;
outline: 0;
border: none;
height: 24px;
line-height: 24px;
}
&.select{
background-image:url("https://uto.ibrand.cc/m/static/img/ic_forward.png");
background-repeat:no-repeat;
background-position:100%;
background-size:20px;
overflow: hidden;
picker{
height: 100%;
.picker{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 40px;
}
}
}
}
.checkbox{
width: 100%;
display: flex;
align-items: center;
}
}
}
.identify-address{
margin-top:12px;
background-color: #FFFFFF;
padding:13px 12px 19px 12px;
textarea{
border-radius:4px;
border:1px solid #AAAAAA;
padding: 10px 5px 5px 10px;
width: 100%;
height: 70px;
box-sizing: border-box;
font-size: 13px;
}
.textarea-placeholder{
color: #AAAAAA;
font-size: 12px;
}
.btn-box{
text-align:right;
padding: 12px 0 0 0;
view{
display: inline-block;
&.clear{
color:#FB5054;
font-size:12px;
line-height:22px;
width:45px;
text-align: center;
margin-right: 10px;
border-radius:11px;
background-color: #FFFFFF;
}
&.sure{
color:#FFFFFF;
font-size:12px;
line-height:22px;
width:45px;
text-align: center;
border-radius:11px;
background-color: #FB5054;
}
}
}
}
.button-box{
margin-top: 30px;
display: flex;
justify-content: center;
.submit{
// background: @mainColor;
width: 550rpx;
height: 100rpx;
background: #15716E;
border-radius: 50rpx;
line-height: 100rpx;
}
.delete {
// background: @secColor;
}
button{
margin: 0 20px 15px 20px;
&:after {
border: none;
}
}
}
//重置按钮样式
checkbox .wx-checkbox-input{
border-radius: 100%;
background-color: #fff;
border: 1px solid #c1caca;
box-shadow: 0 1px 2px rgba(0,0,0,.05), inset 0 -15px 10px -12px rgba(0,0,0,.05);
height: 14px;
width: 14px;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked{
background-color: @globalColor;
border: 1px solid @globalColor;
}
}