collapse-panel.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. @import '../common/index.wxss';
  2. .t-collapse-panel__title .t-cell__right-icon {
  3. transform: rotate(90deg);
  4. transition: transform 0.3s;
  5. transition: transform var(--collapse-item-transition-duration, 0.3s);
  6. }
  7. .t-collapse-panel__title--expanded .t-cell__right-icon {
  8. transform: rotate(-90deg);
  9. }
  10. .t-collapse-panel__title--disabled .t-cell,
  11. .t-collapse-panel__title--disabled .t-cell__right-icon {
  12. color: #c8c9cc !important;
  13. color: var(--collapse-item-title-disabled-color, #c8c9cc) !important;
  14. }
  15. .t-collapse-panel__title--disabled .t-cell--hover {
  16. background-color: #fff !important;
  17. background-color: var(--white, #fff) !important;
  18. }
  19. .t-collapse-panel__wrapper {
  20. overflow: hidden;
  21. }
  22. .t-collapse-panel__wrapper--transition {
  23. transition: height 300ms ease-in-out;
  24. }
  25. .t-collapse-panel__content {
  26. padding: 15px;
  27. padding: var(--collapse-item-content-padding, 15px);
  28. color: #969799;
  29. color: var(--collapse-item-content-text-color, #969799);
  30. font-size: 13px;
  31. font-size: var(--collapse-item-content-font-size, 13px);
  32. line-height: 1.5;
  33. line-height: var(--collapse-item-content-line-height, 1.5);
  34. background-color: #fff;
  35. background-color: var(--collapse-item-content-background-color, #fff);
  36. }
  37. .collapse-panel-item-container {
  38. display: block;
  39. padding: 12rpx 0;
  40. }
  41. .collapse-panel-item-container .panel-label {
  42. display: inline-block;
  43. color: rgba(0, 0, 0, 0.3);
  44. text-overflow: ellipsis;
  45. overflow: hidden;
  46. white-space: nowrap;
  47. box-sizing: border-box;
  48. vertical-align: middel;
  49. line-height: 26rpx;
  50. }
  51. .collapse-panel-item-container .panel-content {
  52. display: inline;
  53. color: #333;
  54. margin-left: 20rpx;
  55. height: auto;
  56. font-size: 28rpx;
  57. line-height: 28rpx;
  58. }
  59. .collapse-panel-single-item {
  60. display: inline;
  61. color: #333;
  62. margin-left: 20rpx;
  63. height: auto;
  64. font-size: 28rpx;
  65. line-height: 28rpx;
  66. }