index.module.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. :global {
  2. .van-search {
  3. padding-left: 14px;
  4. padding-right: 14px;
  5. input {
  6. -webkit-user-select: text !important;
  7. user-select: text !important;
  8. }
  9. .van-search__field {
  10. // padding: 0.13333rem var(--van-padding-xs) 0.13333rem 0 !important;
  11. background: transparent !important;
  12. }
  13. }
  14. }
  15. .col-search {
  16. --van-cell-background-color: transparent;
  17. padding-left: 13px;
  18. padding-right: 13px;
  19. :global {
  20. .van-field__left-icon {
  21. display: flex;
  22. align-items: center;
  23. }
  24. .van-field__right-icon {
  25. font-size: 0;
  26. padding-right: 0;
  27. }
  28. .van-search__action {
  29. display: flex;
  30. }
  31. .van-field__control {
  32. font-size: 13px;
  33. &::placeholder {
  34. color: #aaa;
  35. }
  36. }
  37. .van-search__content {
  38. padding-left: 0;
  39. }
  40. }
  41. .leftIcon {
  42. font-size: 16px;
  43. margin-top: -3px;
  44. }
  45. &.default {
  46. :global {
  47. .van-search__content {
  48. background: #f6f6f6 !important;
  49. }
  50. }
  51. }
  52. &.white {
  53. :global {
  54. .van-search__content {
  55. background: #fff !important;
  56. }
  57. }
  58. }
  59. &.transparent {
  60. :global {
  61. .van-search__content {
  62. background: rgba(255, 255, 255, 0.16);
  63. input::placeholder {
  64. color: #fff;
  65. }
  66. input {
  67. color: #fff;
  68. }
  69. .van-field__clear {
  70. color: #fff;
  71. }
  72. }
  73. }
  74. }
  75. .searchBtn {
  76. width: 56px;
  77. height: 28px;
  78. padding: 0;
  79. font-size: 14px;
  80. --van-button-mini-height: 28px;
  81. --van-font-size-xs: 14px;
  82. }
  83. }