12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- @import '../style/var';
- .van-search {
- display: flex;
- align-items: center;
- box-sizing: border-box;
- padding: @search-padding;
- background-color: @search-background-color;
- &__content {
- display: flex;
- flex: 1;
- padding-left: @padding-sm;
- background-color: @search-content-background-color;
- border-radius: @border-radius-sm;
- &--round {
- border-radius: @border-radius-max;
- }
- }
- &__label {
- padding: @search-label-padding;
- color: @search-label-color;
- font-size: @search-label-font-size;
- line-height: @search-input-height;
- }
- .van-cell {
- flex: 1;
- padding: 5px @padding-xs 5px 0;
- background-color: transparent;
- .van-field__left-icon {
- color: @search-left-icon-color;
- }
- }
- &--show-action {
- padding-right: 0;
- }
- input {
- &::-webkit-search-decoration,
- &::-webkit-search-cancel-button,
- &::-webkit-search-results-button,
- &::-webkit-search-results-decoration {
- display: none;
- }
- }
- &__action {
- padding: @search-action-padding;
- color: @search-action-text-color;
- font-size: @search-action-font-size;
- line-height: @search-input-height;
- cursor: pointer;
- user-select: none;
- &:active {
- background-color: @active-color;
- }
- }
- }
|