uni-search-bar.wxss 1.3 KB

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