index.acss 4.2 KB

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