index.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. @import '../style/var';
  2. .van-search {
  3. display: flex;
  4. align-items: center;
  5. box-sizing: border-box;
  6. padding: @search-padding;
  7. background-color: @search-background-color;
  8. &__content {
  9. display: flex;
  10. flex: 1;
  11. padding-left: @padding-sm;
  12. background-color: @search-content-background-color;
  13. border-radius: @border-radius-sm;
  14. &--round {
  15. border-radius: @border-radius-max;
  16. }
  17. }
  18. &__label {
  19. padding: @search-label-padding;
  20. color: @search-label-color;
  21. font-size: @search-label-font-size;
  22. line-height: @search-input-height;
  23. }
  24. .van-cell {
  25. flex: 1;
  26. padding: 5px @padding-xs 5px 0;
  27. background-color: transparent;
  28. .van-field__left-icon {
  29. color: @search-left-icon-color;
  30. }
  31. }
  32. &--show-action {
  33. padding-right: 0;
  34. }
  35. input {
  36. &::-webkit-search-decoration,
  37. &::-webkit-search-cancel-button,
  38. &::-webkit-search-results-button,
  39. &::-webkit-search-results-decoration {
  40. display: none;
  41. }
  42. }
  43. &__action {
  44. padding: @search-action-padding;
  45. color: @search-action-text-color;
  46. font-size: @search-action-font-size;
  47. line-height: @search-input-height;
  48. cursor: pointer;
  49. user-select: none;
  50. &:active {
  51. background-color: @active-color;
  52. }
  53. }
  54. }