uni-search-bar.wxss 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. @charset "UTF-8";
  2. /* 页面左右间距 */
  3. /* 文字尺寸 */
  4. /*文字颜色*/
  5. /* 边框颜色 */
  6. /*颜色*/
  7. /* 图片加载中颜色 */
  8. /* 行为相关颜色 */
  9. /* 功能栏字体大小 */
  10. /*功能栏左侧小图标*/
  11. .uni-searchbar.data-v-64ee3838 {
  12. display: -webkit-box;
  13. display: -webkit-flex;
  14. display: flex;
  15. -webkit-box-orient: horizontal;
  16. -webkit-box-direction: normal;
  17. -webkit-flex-direction: row;
  18. flex-direction: row;
  19. position: relative;
  20. padding: 16rpx;
  21. background-color: #ffffff;
  22. }
  23. .uni-searchbar__box.data-v-64ee3838 {
  24. display: -webkit-box;
  25. display: -webkit-flex;
  26. display: flex;
  27. box-sizing: border-box;
  28. overflow: hidden;
  29. position: relative;
  30. -webkit-box-flex: 1;
  31. -webkit-flex: 1;
  32. flex: 1;
  33. -webkit-box-pack: center;
  34. -webkit-justify-content: center;
  35. justify-content: center;
  36. -webkit-box-orient: horizontal;
  37. -webkit-box-direction: normal;
  38. -webkit-flex-direction: row;
  39. flex-direction: row;
  40. -webkit-box-align: center;
  41. -webkit-align-items: center;
  42. align-items: center;
  43. height: 36px;
  44. padding: 5px 8px 5px 0px;
  45. border-width: 0.5px;
  46. border-style: solid;
  47. border-color: #ebeef5;
  48. }
  49. .uni-searchbar__box-icon-search.data-v-64ee3838 {
  50. display: -webkit-box;
  51. display: -webkit-flex;
  52. display: flex;
  53. -webkit-box-orient: horizontal;
  54. -webkit-box-direction: normal;
  55. -webkit-flex-direction: row;
  56. flex-direction: row;
  57. width: 32px;
  58. -webkit-box-pack: center;
  59. -webkit-justify-content: center;
  60. justify-content: center;
  61. -webkit-box-align: center;
  62. -webkit-align-items: center;
  63. align-items: center;
  64. color: #808080;
  65. }
  66. .uni-searchbar__box-search-input.data-v-64ee3838 {
  67. -webkit-box-flex: 1;
  68. -webkit-flex: 1;
  69. flex: 1;
  70. font-size: 28rpx;
  71. color: #333;
  72. }
  73. .uni-searchbar__box-icon-clear.data-v-64ee3838 {
  74. -webkit-box-align: center;
  75. -webkit-align-items: center;
  76. align-items: center;
  77. line-height: 24px;
  78. padding-left: 5px;
  79. }
  80. .uni-searchbar__text-placeholder.data-v-64ee3838 {
  81. font-size: 28rpx;
  82. color: #808080;
  83. margin-left: 5px;
  84. }
  85. .uni-searchbar__cancel.data-v-64ee3838 {
  86. padding-left: 10px;
  87. line-height: 36px;
  88. font-size: 14px;
  89. color: #333;
  90. }