uni-easyinput.wxss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. .content {
  2. display: flex;
  3. flex-direction: column;
  4. box-sizing: border-box;
  5. width: 100vw;
  6. height: 100vh;
  7. }
  8. .uni-easyinput {
  9. width: 100%;
  10. flex: 1;
  11. position: relative;
  12. text-align: left;
  13. color: #333;
  14. font-size: 14px;
  15. }
  16. .uni-easyinput__content {
  17. flex: 1;
  18. width: 100%;
  19. display: flex;
  20. box-sizing: border-box;
  21. flex-direction: row;
  22. align-items: center;
  23. border-color: #fff;
  24. transition-property: border-color;
  25. transition-duration: 0.3s;
  26. }
  27. .uni-easyinput__content-input {
  28. width: auto;
  29. position: relative;
  30. overflow: hidden;
  31. flex: 1;
  32. line-height: 1;
  33. font-size: 14px;
  34. height: 35px;
  35. }
  36. .uni-easyinput__placeholder-class {
  37. color: #999;
  38. font-size: 12px;
  39. }
  40. .is-textarea {
  41. align-items: flex-start;
  42. }
  43. .is-textarea-icon {
  44. margin-top: 5px;
  45. }
  46. .uni-easyinput__content-textarea {
  47. position: relative;
  48. overflow: hidden;
  49. flex: 1;
  50. line-height: 1.5;
  51. font-size: 14px;
  52. margin: 6px;
  53. margin-left: 0;
  54. height: 80px;
  55. min-height: 80px;
  56. min-height: 80px;
  57. width: auto;
  58. }
  59. .input-padding {
  60. padding-left: 10px;
  61. }
  62. .content-clear-icon {
  63. padding: 0 5px;
  64. }
  65. .label-icon {
  66. margin-right: 5px;
  67. margin-top: -1px;
  68. }
  69. .is-input-border {
  70. display: flex;
  71. box-sizing: border-box;
  72. flex-direction: row;
  73. align-items: center;
  74. border: 1px solid #dcdfe6;
  75. border-radius: 4px;
  76. }
  77. .uni-error-message {
  78. position: absolute;
  79. bottom: -17px;
  80. left: 0;
  81. line-height: 12px;
  82. color: #e43d33;
  83. font-size: 12px;
  84. text-align: left;
  85. }
  86. .uni-error-msg--boeder {
  87. position: relative;
  88. bottom: 0;
  89. line-height: 22px;
  90. }
  91. .is-input-error-border {
  92. border-color: #e43d33;
  93. }
  94. .is-input-error-border .uni-easyinput__placeholder-class {
  95. color: #f29e99;
  96. }
  97. .uni-easyinput--border {
  98. margin-bottom: 0;
  99. padding: 10px 15px;
  100. border-top: 1px #eee solid;
  101. }
  102. .uni-easyinput-error {
  103. padding-bottom: 0;
  104. }
  105. .is-first-border {
  106. border: none;
  107. }
  108. .is-disabled {
  109. background-color: #f7f6f6;
  110. color: #d5d5d5;
  111. }
  112. .is-disabled .uni-easyinput__placeholder-class {
  113. color: #d5d5d5;
  114. font-size: 12px;
  115. }