index.less 988 B

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