u-search.ttss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
  4. * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
  5. */
  6. .u-search.data-v-4c556b40 {
  7. display: flex;
  8. flex-direction: row;
  9. align-items: center;
  10. flex: 1;
  11. }
  12. .u-content.data-v-4c556b40 {
  13. display: flex;
  14. flex-direction: row;
  15. align-items: center;
  16. padding: 0 18rpx;
  17. flex: 1;
  18. }
  19. .u-clear-icon.data-v-4c556b40 {
  20. display: flex;
  21. flex-direction: row;
  22. align-items: center;
  23. }
  24. .u-input.data-v-4c556b40 {
  25. flex: 1;
  26. font-size: 28rpx;
  27. line-height: 1;
  28. margin: 0 10rpx;
  29. color: #909399;
  30. }
  31. .u-close-wrap.data-v-4c556b40 {
  32. width: 40rpx;
  33. height: 100%;
  34. display: flex;
  35. flex-direction: row;
  36. align-items: center;
  37. justify-content: center;
  38. border-radius: 50%;
  39. }
  40. .u-placeholder-class.data-v-4c556b40 {
  41. color: #909399;
  42. }
  43. .u-action.data-v-4c556b40 {
  44. font-size: 28rpx;
  45. color: #303133;
  46. width: 0;
  47. overflow: hidden;
  48. transition: all 0.3s;
  49. white-space: nowrap;
  50. text-align: center;
  51. }
  52. .u-action-active.data-v-4c556b40 {
  53. width: 80rpx;
  54. margin-left: 10rpx;
  55. }