index.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @import '../common/index.css';
  2. .van-collapse-item__title .van-cell__right-icon {
  3. -webkit-transform: rotate(90deg);
  4. transform: rotate(90deg);
  5. transition: -webkit-transform 0.3s;
  6. transition: transform 0.3s;
  7. transition: transform 0.3s, -webkit-transform 0.3s;
  8. transition: -webkit-transform var(--collapse-item-transition-duration, 0.3s);
  9. transition: transform var(--collapse-item-transition-duration, 0.3s);
  10. transition: transform var(--collapse-item-transition-duration, 0.3s), -webkit-transform var(--collapse-item-transition-duration, 0.3s);
  11. }
  12. .van-collapse-item__title--expanded .van-cell__right-icon {
  13. -webkit-transform: rotate(-90deg);
  14. transform: rotate(-90deg);
  15. }
  16. .van-collapse-item__title--disabled .van-cell,
  17. .van-collapse-item__title--disabled .van-cell__right-icon {
  18. color: #c8c9cc !important;
  19. color: var(--collapse-item-title-disabled-color, #c8c9cc) !important;
  20. }
  21. .van-collapse-item__title--disabled .van-cell--hover {
  22. background-color: #fff !important;
  23. background-color: var(--white, #fff) !important;
  24. }
  25. .van-collapse-item__wrapper {
  26. overflow: hidden;
  27. }
  28. .van-collapse-item__wrapper--transition {
  29. transition: height 0.3s ease-in-out;
  30. }
  31. .van-collapse-item__content {
  32. padding: 15px;
  33. padding: var(--collapse-item-content-padding, 15px);
  34. color: #969799;
  35. color: var(--collapse-item-content-text-color, #969799);
  36. font-size: 13px;
  37. font-size: var(--collapse-item-content-font-size, 13px);
  38. line-height: 1.5;
  39. line-height: var(--collapse-item-content-line-height, 1.5);
  40. background-color: #fff;
  41. background-color: var(--collapse-item-content-background-color, #fff);
  42. }