index.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .wux-textarea {
  2. position: relative;
  3. display: flex;
  4. align-items: center
  5. }
  6. .wux-textarea__label {
  7. margin-left: 0;
  8. margin-right: 10rpx;
  9. text-align: left;
  10. white-space: nowrap;
  11. overflow: hidden;
  12. width: 210rpx;
  13. align-self: flex-start
  14. }
  15. .wux-textarea__control {
  16. flex: 1
  17. }
  18. .wux-textarea__item {
  19. width: 100%;
  20. border: 0;
  21. outline: 0;
  22. -webkit-appearance: none;
  23. background-color: transparent;
  24. font-size: inherit;
  25. color: inherit;
  26. height: 1.47058824em;
  27. min-height: 1.47058824em;
  28. line-height: 1.47058824
  29. }
  30. .wux-textarea__extra {
  31. color: rgba(0,0,0,.45);
  32. margin-left: 10rpx
  33. }
  34. .wux-textarea__error {
  35. margin-left: 10rpx
  36. }
  37. .wux-textarea__clear {
  38. display: none
  39. }
  40. .wux-textarea--focus .wux-textarea__clear {
  41. display: block
  42. }
  43. .wux-textarea--disabled {
  44. opacity: .3
  45. }
  46. .wux-textarea--error .wux-textarea__control {
  47. color: #ef473a
  48. }
  49. .wux-textarea__count {
  50. position: absolute;
  51. bottom: -12rpx;
  52. right: 0;
  53. color: rgba(0,0,0,.45);
  54. font-size: 28rpx;
  55. line-height: 1.47058824
  56. }
  57. .wux-textarea__current {
  58. color: rgba(0,0,0,.85)
  59. }
  60. .wux-textarea--has-count .wux-textarea__control {
  61. padding-bottom: 20rpx
  62. }
  63. .wux-textarea__keyboard-accessory {
  64. max-height: 400rpx
  65. }