index.module.less 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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: 14px;
  18. // padding-right: 14px;
  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. }
  27. .van-search__action {
  28. display: flex;
  29. }
  30. .van-field__control {
  31. font-size: 14px;
  32. }
  33. }
  34. &.default {
  35. :global {
  36. .van-search__content {
  37. background: #f3f3f3;
  38. }
  39. }
  40. }
  41. &.white {
  42. :global {
  43. .van-search__content {
  44. background: #fff;
  45. }
  46. }
  47. }
  48. &.transparent {
  49. :global {
  50. .van-search__content {
  51. background: rgba(255, 255, 255, 0.16);
  52. input::placeholder {
  53. color: #fff;
  54. }
  55. input {
  56. color: #fff;
  57. }
  58. .van-field__clear {
  59. color: #fff;
  60. }
  61. }
  62. }
  63. }
  64. .searchBtn {
  65. width: 56px;
  66. height: 28px;
  67. padding: 0;
  68. font-size: 14px;
  69. --van-button-mini-height: 28px;
  70. --van-font-size-xs: 14px;
  71. }
  72. }