index.acss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .search-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .search-index .van-search {
  7. -webkit-align-items: center;
  8. align-items: center;
  9. box-sizing: border-box;
  10. padding: 10px 12px;
  11. padding: var(--search-padding, 10px 12px);
  12. }
  13. .search-index .van-search,
  14. .search-index .van-search__content {
  15. display: -webkit-flex;
  16. display: flex;
  17. }
  18. .search-index .van-search__content {
  19. -webkit-flex: 1;
  20. flex: 1;
  21. padding-left: 12px;
  22. padding-left: var(--padding-sm, 12px);
  23. border-radius: 2px;
  24. border-radius: var(--border-radius-sm, 2px);
  25. background-color: #f7f8fa;
  26. background-color: var(--search-background-color, #f7f8fa);
  27. }
  28. .search-index .van-search__content--round {
  29. border-radius: 17px;
  30. border-radius: calc(var(--search-input-height, 34px) / 2);
  31. }
  32. .search-index .van-search__label {
  33. padding: 0 5px;
  34. padding: var(--search-label-padding, 0 5px);
  35. font-size: 14px;
  36. font-size: var(--search-label-font-size, 14px);
  37. line-height: 34px;
  38. line-height: var(--search-input-height, 34px);
  39. color: #323233;
  40. color: var(--search-label-color, #323233);
  41. }
  42. .search-index .van-search__field {
  43. -webkit-flex: 1;
  44. flex: 1;
  45. }
  46. .search-index .van-search__field__left-icon {
  47. color: #969799;
  48. color: var(--search-left-icon-color, #969799);
  49. }
  50. .search-index .van-search--withaction {
  51. padding-right: 0;
  52. }
  53. .search-index .van-search__action {
  54. padding: 0 8px;
  55. padding: var(--search-action-padding, 0 8px);
  56. font-size: 14px;
  57. font-size: var(--search-action-font-size, 14px);
  58. line-height: 34px;
  59. line-height: var(--search-input-height, 34px);
  60. color: #323233;
  61. color: var(--search-action-text-color, #323233);
  62. }
  63. .search-index .van-search__action--hover {
  64. background-color: #f2f3f5;
  65. background-color: var(--active-color, #f2f3f5);
  66. }