uni-collapse-item.wxss 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .uni-collapse-cell.data-v-8f47561c {
  2. -webkit-box-orient: vertical;
  3. -webkit-box-direction: normal;
  4. -webkit-flex-direction: column;
  5. flex-direction: column;
  6. border-color: #e5e5e5;
  7. border-bottom-width: 1px;
  8. border-bottom-style: solid;
  9. }
  10. .uni-collapse-cell--hover.data-v-8f47561c {
  11. background-color: #fff;
  12. }
  13. .uni-collapse-cell--open.data-v-8f47561c {
  14. background-color: #fff;
  15. }
  16. .uni-collapse-cell--disabled.data-v-8f47561c {
  17. background-color: #fff;
  18. /* opacity: 0.3;
  19. */
  20. }
  21. .uni-collapse-cell--hide.data-v-8f47561c {
  22. height: 48px;
  23. }
  24. .uni-collapse-cell--animation.data-v-8f47561c {
  25. /* transition: transform 0.3s ease;
  26. */
  27. -webkit-transition-property: -webkit-transform;
  28. transition-property: -webkit-transform;
  29. transition-property: transform;
  30. transition-property: transform, -webkit-transform;
  31. -webkit-transition-duration: 0.3s;
  32. transition-duration: 0.3s;
  33. -webkit-transition-timing-function: ease;
  34. transition-timing-function: ease;
  35. }
  36. .uni-collapse-cell__title.data-v-8f47561c {
  37. padding: 12px 12px;
  38. position: relative;
  39. display: -webkit-box;
  40. display: -webkit-flex;
  41. display: flex;
  42. width: 100%;
  43. box-sizing: border-box;
  44. height: 48px;
  45. line-height: 24px;
  46. -webkit-box-orient: horizontal;
  47. -webkit-box-direction: normal;
  48. -webkit-flex-direction: row;
  49. flex-direction: row;
  50. -webkit-box-pack: justify;
  51. -webkit-justify-content: space-between;
  52. justify-content: space-between;
  53. -webkit-box-align: center;
  54. -webkit-align-items: center;
  55. align-items: center;
  56. border-bottom: 1rpx solid #f0f0f0;
  57. }
  58. .uni-collapse-cell__title.data-v-8f47561c:active {
  59. background-color: #fff;
  60. }
  61. .uni-collapse-cell__title-img.data-v-8f47561c {
  62. height: 52rpx;
  63. width: 52rpx;
  64. margin-right: 10px;
  65. }
  66. .uni-collapse-cell__title-arrow.data-v-8f47561c {
  67. width: 20px;
  68. height: 20px;
  69. -webkit-transform: rotate(0deg);
  70. transform: rotate(0deg);
  71. -webkit-transform-origin: center center;
  72. transform-origin: center center;
  73. }
  74. .uni-collapse-cell__title-arrow-active.data-v-8f47561c {
  75. -webkit-transform: rotate(180deg);
  76. transform: rotate(180deg);
  77. }
  78. .uni-collapse-cell__title-text.data-v-8f47561c {
  79. -webkit-box-flex: 1;
  80. -webkit-flex: 1;
  81. flex: 1;
  82. font-size: 28rpx;
  83. white-space: nowrap;
  84. color: inherit;
  85. overflow: hidden;
  86. text-overflow: ellipsis;
  87. }
  88. .uni-collapse-cell__content.data-v-8f47561c {
  89. overflow: hidden;
  90. }
  91. .uni-collapse-cell__wrapper.data-v-8f47561c {
  92. display: -webkit-box;
  93. display: -webkit-flex;
  94. display: flex;
  95. -webkit-box-orient: vertical;
  96. -webkit-box-direction: normal;
  97. -webkit-flex-direction: column;
  98. flex-direction: column;
  99. }
  100. .uni-collapse-cell__content--hide.data-v-8f47561c {
  101. height: 0px;
  102. line-height: 0px;
  103. }