u-search.wxss 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. view.data-v-4c556b40, scroll-view.data-v-4c556b40, swiper-item.data-v-4c556b40 {
  16. display: flex;
  17. flex-direction: column;
  18. flex-shrink: 0;
  19. flex-grow: 0;
  20. flex-basis: auto;
  21. align-items: stretch;
  22. align-content: flex-start;
  23. }
  24. .u-search.data-v-4c556b40 {
  25. display: flex;
  26. flex-direction: row;
  27. align-items: center;
  28. flex: 1;
  29. }
  30. .u-search__content.data-v-4c556b40 {
  31. display: flex;
  32. flex-direction: row;
  33. align-items: center;
  34. padding: 0 10px;
  35. flex: 1;
  36. justify-content: space-between;
  37. border-width: 1px;
  38. border-color: transparent;
  39. border-style: solid;
  40. overflow: hidden;
  41. }
  42. .u-search__content__icon.data-v-4c556b40 {
  43. display: flex;
  44. flex-direction: row;
  45. align-items: center;
  46. }
  47. .u-search__content__label.data-v-4c556b40 {
  48. color: #303133;
  49. font-size: 14px;
  50. margin: 0 4px;
  51. }
  52. .u-search__content__close.data-v-4c556b40 {
  53. width: 20px;
  54. height: 20px;
  55. border-top-left-radius: 100px;
  56. border-top-right-radius: 100px;
  57. border-bottom-left-radius: 100px;
  58. border-bottom-right-radius: 100px;
  59. background-color: #C6C7CB;
  60. display: flex;
  61. flex-direction: row;
  62. align-items: center;
  63. justify-content: center;
  64. -webkit-transform: scale(0.82);
  65. transform: scale(0.82);
  66. }
  67. .u-search__content__input.data-v-4c556b40 {
  68. flex: 1;
  69. font-size: 14px;
  70. line-height: 1;
  71. margin: 0 5px;
  72. color: #303133;
  73. }
  74. .u-search__content__input--placeholder.data-v-4c556b40 {
  75. color: #909193;
  76. }
  77. .u-search__action.data-v-4c556b40 {
  78. font-size: 14px;
  79. color: #303133;
  80. width: 0;
  81. overflow: hidden;
  82. transition-property: width;
  83. transition-duration: 0.3s;
  84. white-space: nowrap;
  85. text-align: center;
  86. }
  87. .u-search__action--active.data-v-4c556b40 {
  88. width: 40px;
  89. margin-left: 5px;
  90. }