u-input.wxss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. view.data-v-460c1d26, scroll-view.data-v-460c1d26, swiper-item.data-v-460c1d26 {
  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-input.data-v-460c1d26 {
  25. display: flex;
  26. flex-direction: row;
  27. align-items: center;
  28. justify-content: space-between;
  29. flex: 1;
  30. }
  31. .u-input--radius.data-v-460c1d26, .u-input--square.data-v-460c1d26 {
  32. border-radius: 4px;
  33. }
  34. .u-input--no-radius.data-v-460c1d26 {
  35. border-radius: 0;
  36. }
  37. .u-input--circle.data-v-460c1d26 {
  38. border-radius: 100px;
  39. }
  40. .u-input__content.data-v-460c1d26 {
  41. flex: 1;
  42. display: flex;
  43. flex-direction: row;
  44. align-items: center;
  45. justify-content: space-between;
  46. }
  47. .u-input__content__field-wrapper.data-v-460c1d26 {
  48. position: relative;
  49. display: flex;
  50. flex-direction: row;
  51. margin: 0;
  52. flex: 1;
  53. }
  54. .u-input__content__field-wrapper__field.data-v-460c1d26 {
  55. line-height: 26px;
  56. text-align: left;
  57. color: #303133;
  58. height: 24px;
  59. font-size: 15px;
  60. flex: 1;
  61. }
  62. .u-input__content__clear.data-v-460c1d26 {
  63. width: 20px;
  64. height: 20px;
  65. border-radius: 100px;
  66. background-color: #c6c7cb;
  67. display: flex;
  68. flex-direction: row;
  69. align-items: center;
  70. justify-content: center;
  71. -webkit-transform: scale(0.82);
  72. transform: scale(0.82);
  73. margin-left: 4px;
  74. }
  75. .u-input__content__subfix-icon.data-v-460c1d26 {
  76. margin-left: 4px;
  77. }
  78. .u-input__content__prefix-icon.data-v-460c1d26 {
  79. margin-right: 4px;
  80. }