| | |
| | | @import "../../common/sassMixin"; |
| | | |
| | | .c-select { |
| | | &.read-only { |
| | | pointer-events: none; |
| | | background-color: #f6f6f6; |
| | | .at-input__title { |
| | | &::before { |
| | | display: block; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: -23px; |
| | | width: 12px; |
| | | height: 12px; |
| | | content: " "; |
| | | border: #777 1PX solid; |
| | | border-radius: 50%; |
| | | transform: translateY(-50%); |
| | | } |
| | | &::after { |
| | | display: block; |
| | | position: absolute; |
| | | top: 50%; |
| | | left: -23px; |
| | | width: 14px; |
| | | height: 0px; |
| | | margin-top: 0px; |
| | | content: " "; |
| | | border-bottom: #777 1PX solid; |
| | | transform: rotate(-45deg); |
| | | } |
| | | } |
| | | } |
| | | .at-input__input { |
| | | .weui-input { |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | .at-input__children { |
| | | padding-right: 20px; |
| | | &::after { |
| | | display: none; |
| | | } |
| | | .at-icon-chevron-right { |
| | | padding: 0; |
| | | font-size: 48px; |
| | | color: #ccc; |
| | | } |
| | |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | .c-select-slot-mode { |
| | | @include flexbox(flex, left center); |
| | | margin-bottom: 1PX; |
| | | .c-select-input { |
| | | width: 100%; |
| | | .at-input { |
| | | margin-bottom: 0; |
| | | } |
| | | } |
| | | .c-select-slot { |
| | | position: relative; |
| | | height: 98px; |
| | | @include flexbox(flex, center center); |
| | | &::after { |
| | | position: absolute; |
| | | top: -50%; |
| | | left: -50%; |
| | | right: -50%; |
| | | bottom: -50%; |
| | | border: 0 solid #d6e4ef; |
| | | border-bottom-width: 1PX; |
| | | box-sizing: border-box; |
| | | transform-origin: center; |
| | | transform: scale(0.5); |
| | | content: ""; |
| | | pointer-events: none; |
| | | } |
| | | } |
| | | } |
| | | } |