132 lines
2.4 KiB
SCSS
132 lines
2.4 KiB
SCSS
$label-width: 1.1rem;
|
|
|
|
.common-form{
|
|
&.fixd{
|
|
padding-bottom: .7rem !important;
|
|
.common-btn-wrap{
|
|
position: fixed;
|
|
z-index: 2;
|
|
background-color: #fff;
|
|
bottom: 0;
|
|
left: .9rem;
|
|
right: .07rem;
|
|
height: .6rem;
|
|
padding-bottom: .05rem;
|
|
display: flex;
|
|
align-items: center;
|
|
margin-left: 0;
|
|
button{
|
|
flex: 1;
|
|
height: .4rem;
|
|
line-height: .4rem;
|
|
}
|
|
}
|
|
}
|
|
.common-form-item{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
margin-bottom: .15rem;
|
|
.form-label{
|
|
padding: .09rem .15rem;
|
|
text-align: right;
|
|
width: $label-width;
|
|
box-sizing: border-box;
|
|
.required{
|
|
color: red;
|
|
margin-right: 0.03rem;
|
|
}
|
|
}
|
|
.form-input{
|
|
height: .35rem;
|
|
line-height: .35rem;
|
|
width: 100%;
|
|
padding-left: .1rem;
|
|
box-sizing: border-box;
|
|
font-size: 0.14rem;
|
|
}
|
|
.form-inline{
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
}
|
|
.form-input-inline{
|
|
width: 1.9rem;
|
|
border: .01rem solid #e6e6e6;
|
|
margin-right: 10px;
|
|
background-color: #fff;
|
|
font-size: 0.14rem;
|
|
&.short{
|
|
width: .5rem;
|
|
}
|
|
&.long{
|
|
width: 4rem;
|
|
}
|
|
}
|
|
.form-input-block{
|
|
flex: 1;
|
|
border: .01rem solid #e6e6e6;
|
|
background-color: #fff;
|
|
}
|
|
.form-mid{
|
|
margin-right: .1rem;
|
|
}
|
|
.form-word-aux{
|
|
margin-right: .1rem;
|
|
color: #999;
|
|
font-size: $uni-font-size-base;
|
|
}
|
|
.form-word-aux-line{
|
|
flex-basis: 100%;
|
|
color: #999;
|
|
margin-left: $label-width;
|
|
margin-top: .1rem;
|
|
}
|
|
/deep/ .input-placeholder{
|
|
font-size: $uni-font-size-base;
|
|
}
|
|
.form-checkbox-group, .form-radio-group{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.form-checkbox-item, .form-radio-item{
|
|
margin-right: 26rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
/deep/ .uni-radio-input, .uni-checkbox-input{
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
}
|
|
}
|
|
.common-btn-wrap{
|
|
margin-left: $label-width;
|
|
button{
|
|
display: inline-block;
|
|
padding: 0 .2rem;
|
|
margin-right: .1rem;
|
|
height: .36rem;
|
|
line-height: .36rem;
|
|
font-size: $uni-font-size-base;
|
|
border-radius: 6rpx;
|
|
}
|
|
.screen-btn{
|
|
background-color: $primary-color;
|
|
color: #fff;
|
|
}
|
|
}
|
|
}
|
|
.uni-radio-wrapper{
|
|
.uni-radio-input-checked{
|
|
background-color: $primary-color!important;
|
|
border-color: $primary-color!important;
|
|
}
|
|
.uni-radio-input:hover{
|
|
border-color: $primary-color!important;
|
|
}
|
|
}
|
|
.uni-checkbox-wrapper{
|
|
.uni-checkbox-input-checked{
|
|
color: $primary-color!important;
|
|
}
|
|
} |