index.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .rc-collapse-motion {
  2. transition: height 0.3s, opacity 0.3s;
  3. }
  4. .rc-collapse-content-hidden {
  5. display: none;
  6. }
  7. .rc-collapse {
  8. background-color: #f7f7f7;
  9. border-radius: 3px;
  10. border: 1px solid #d9d9d9;
  11. }
  12. .rc-collapse > .rc-collapse-item {
  13. border-top: 1px solid #d9d9d9;
  14. }
  15. .rc-collapse > .rc-collapse-item:first-child {
  16. border-top: none;
  17. }
  18. .rc-collapse > .rc-collapse-item > .rc-collapse-header {
  19. display: flex;
  20. align-items: center;
  21. line-height: 22px;
  22. padding: 10px 16px;
  23. color: #666;
  24. cursor: pointer;
  25. }
  26. .rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {
  27. display: inline-block;
  28. content: '\20';
  29. width: 0;
  30. height: 0;
  31. font-size: 0;
  32. line-height: 0;
  33. border-top: 3px solid transparent;
  34. border-bottom: 3px solid transparent;
  35. border-left: 4px solid #666;
  36. vertical-align: middle;
  37. margin-right: 8px;
  38. }
  39. .rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {
  40. margin: 0 16px 0 auto;
  41. }
  42. .rc-collapse > .rc-collapse-item .rc-collapse-collapsible-header {
  43. cursor: default;
  44. }
  45. .rc-collapse > .rc-collapse-item .rc-collapse-collapsible-header .rc-collapse-header-text {
  46. cursor: pointer;
  47. }
  48. .rc-collapse > .rc-collapse-item .rc-collapse-collapsible-header .rc-collapse-expand-icon {
  49. cursor: pointer;
  50. }
  51. .rc-collapse > .rc-collapse-item .rc-collapse-collapsible-icon {
  52. cursor: default;
  53. }
  54. .rc-collapse > .rc-collapse-item .rc-collapse-collapsible-icon .rc-collapse-expand-icon {
  55. cursor: pointer;
  56. }
  57. .rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {
  58. cursor: not-allowed;
  59. color: #999;
  60. background-color: #f3f3f3;
  61. }
  62. .rc-collapse-content {
  63. overflow: hidden;
  64. color: #666;
  65. padding: 0 16px;
  66. background-color: #fff;
  67. }
  68. .rc-collapse-content > .rc-collapse-content-box {
  69. margin-top: 16px;
  70. margin-bottom: 16px;
  71. }
  72. .rc-collapse-item:last-child > .rc-collapse-content {
  73. border-radius: 0 0 3px 3px;
  74. }
  75. .rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {
  76. position: relative;
  77. top: 2px;
  78. border-left: 3px solid transparent;
  79. border-right: 3px solid transparent;
  80. border-top: 4px solid #666;
  81. margin-right: 6px;
  82. }