index.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. @import '../common/index.css';
  2. .van-field {
  3. --cell-icon-size: 16px;
  4. --cell-icon-size: var(--field-icon-size, 16px);
  5. }
  6. .van-field__body {
  7. display: -webkit-flex;
  8. display: flex;
  9. -webkit-align-items: center;
  10. align-items: center;
  11. }
  12. .van-field__body--textarea {
  13. line-height: 1.2em;
  14. }
  15. .van-field__body--textarea,
  16. .van-field__input {
  17. min-height: 24px;
  18. min-height: var(--cell-line-height, 24px);
  19. }
  20. .van-field__input {
  21. position: relative;
  22. display: block;
  23. box-sizing: border-box;
  24. width: 100%;
  25. margin: 0;
  26. padding: 0;
  27. line-height: inherit;
  28. text-align: left;
  29. background-color: initial;
  30. border: 0;
  31. resize: none;
  32. color: #323233;
  33. color: var(--field-input-text-color, #323233);
  34. height: 24px;
  35. height: var(--cell-line-height, 24px);
  36. }
  37. .van-field__input--textarea {
  38. height: 18px;
  39. height: var(--field-text-area-min-height, 18px);
  40. min-height: 18px;
  41. min-height: var(--field-text-area-min-height, 18px);
  42. }
  43. .van-field__input--error {
  44. color: #ee0a24;
  45. color: var(--field-input-error-text-color, #ee0a24);
  46. }
  47. .van-field__input--disabled {
  48. background-color: initial;
  49. opacity: 1;
  50. color: #969799;
  51. color: var(--field-input-disabled-text-color, #969799);
  52. }
  53. .van-field__input--center {
  54. text-align: center;
  55. }
  56. .van-field__input--right {
  57. text-align: right;
  58. }
  59. .van-field__placeholder {
  60. position: absolute;
  61. top: 0;
  62. right: 0;
  63. left: 0;
  64. pointer-events: none;
  65. color: #c8c9cc;
  66. color: var(--field-placeholder-text-color, #c8c9cc);
  67. }
  68. .van-field__placeholder--error {
  69. color: #ee0a24;
  70. color: var(--field-error-message-color, #ee0a24);
  71. }
  72. .van-field__icon-root {
  73. display: -webkit-flex;
  74. display: flex;
  75. -webkit-align-items: center;
  76. align-items: center;
  77. min-height: 24px;
  78. min-height: var(--cell-line-height, 24px);
  79. }
  80. .van-field__clear-root,
  81. .van-field__icon-container {
  82. line-height: inherit;
  83. vertical-align: middle;
  84. padding: 0 8px;
  85. padding: 0 var(--padding-xs, 8px);
  86. margin-right: -8px;
  87. margin-right: -var(--padding-xs, 8px);
  88. }
  89. .van-field__button,
  90. .van-field__clear-root,
  91. .van-field__icon-container {
  92. -webkit-flex-shrink: 0;
  93. flex-shrink: 0;
  94. }
  95. .van-field__clear-root {
  96. font-size: 16px;
  97. font-size: var(--field-clear-icon-size, 16px);
  98. color: #c8c9cc;
  99. color: var(--field-clear-icon-color, #c8c9cc);
  100. }
  101. .van-field__icon-container {
  102. font-size: 16px;
  103. font-size: var(--field-icon-size, 16px);
  104. color: #969799;
  105. color: var(--field-icon-container-color, #969799);
  106. }
  107. .van-field__icon-container:empty {
  108. display: none;
  109. }
  110. .van-field__button {
  111. padding-left: 8px;
  112. padding-left: var(--padding-xs, 8px);
  113. }
  114. .van-field__button:empty {
  115. display: none;
  116. }
  117. .van-field__error-message {
  118. text-align: left;
  119. font-size: 12px;
  120. font-size: var(--field-error-message-text-font-size, 12px);
  121. color: #ee0a24;
  122. color: var(--field-error-message-color, #ee0a24);
  123. }
  124. .van-field__error-message--center {
  125. text-align: center;
  126. }
  127. .van-field__error-message--right {
  128. text-align: right;
  129. }
  130. .van-field__word-limit {
  131. text-align: right;
  132. margin-top: 4px;
  133. margin-top: var(--padding-base, 4px);
  134. color: #646566;
  135. color: var(--field-word-limit-color, #646566);
  136. font-size: 12px;
  137. font-size: var(--field-word-limit-font-size, 12px);
  138. line-height: 16px;
  139. line-height: var(--field-word-limit-line-height, 16px);
  140. }
  141. .van-field__word-num {
  142. display: inline;
  143. }
  144. .van-field__word-num--full {
  145. color: #ee0a24;
  146. color: var(--field-word-num-full-color, #ee0a24);
  147. }