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.
123 lines
2.5 KiB
123 lines
2.5 KiB
.sp-new-input-wrap { |
|
// margin-bottom: 40rpx; |
|
.label { |
|
color: $txt; |
|
font-size: 28rpx; |
|
line-height: 42rpx; |
|
padding-bottom: 16rpx; |
|
} |
|
} |
|
|
|
.sp-new-input /deep/ { |
|
position: relative; |
|
border-radius: 6rpx; |
|
display: flex; |
|
align-items: center; |
|
background: $inputBg; |
|
padding: 0; |
|
border: 2rpx solid $inputBorder; |
|
.sp-new-input-icon { |
|
width: 38rpx; |
|
color: rgba(190, 190, 190, 1); |
|
padding-left: 10rpx; |
|
} |
|
.u-input { |
|
padding-left: 16rpx; |
|
border: 0 !important; |
|
} |
|
.u-input__input { |
|
padding-left: 16rpx; |
|
} |
|
.u-input__right-icon { |
|
display: none; |
|
} |
|
.disabled-style { |
|
.u-input__input { |
|
color: #c6c6c6 !important; |
|
} |
|
} |
|
} |
|
|
|
.sp-new-input-diabled { |
|
background: rgba($color: #c6c6c6, $alpha: 0.1); |
|
.u-input__input { |
|
color: #c6c6c6 !important; |
|
} |
|
} |
|
|
|
.sp-new-input-wrap { |
|
position: relative; |
|
width: 100%; |
|
.areaCode { |
|
display: flex; |
|
align-items: center; |
|
font-size: 28rpx; |
|
width: auto; |
|
margin: 20rpx 0 14rpx; |
|
padding: 6rpx 10rpx; |
|
border: 1px solid #70c6bdd5; |
|
border-radius: 10rpx; |
|
.flag-image { |
|
width: 40rpx; |
|
height: 26rpx; |
|
margin-right: 10rpx; |
|
} |
|
.icon-wrap { |
|
padding-left: 6rpx; |
|
} |
|
} |
|
.ele { |
|
position: absolute; |
|
right: 14rpx; |
|
top: 14rpx; |
|
$size: 40rpx; |
|
width: $size; |
|
height: $size; |
|
background: url("#{$img2}/eye.png") no-repeat; |
|
background-size: $size; |
|
&.ac { |
|
background-image: url("#{$img2}eye-off.png"); |
|
} |
|
} |
|
|
|
.sms { |
|
background: $inputBg !important; |
|
border-radius: 14rpx; |
|
font-size: 32rpx; |
|
padding: 0 26rpx; |
|
line-height: 40rpx; |
|
color: #c6c6c6; |
|
width: auto; |
|
.btn-txt { |
|
color: $btnColor; |
|
cursor: pointer; |
|
font-size: 28rpx; |
|
} |
|
} |
|
.sms::after { |
|
display: none; |
|
} |
|
.isCountdown.sms { |
|
color: #00A6FF; |
|
font-size: 28rpx; |
|
} |
|
|
|
.is-require { |
|
color: $red; |
|
} |
|
.arrow { |
|
@include icon("#{$img2}input-arrow.png", |
|
14, |
|
24); |
|
position: absolute; |
|
right: 0; |
|
top: 60rpx; |
|
left: 0; |
|
bottom: 0; |
|
width: 100%; |
|
height: 100%; |
|
// background: red; |
|
background-position: calc(100% - 22rpx) 24rpx; |
|
cursor: pointer; |
|
} |
|
} |