index.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .wux-accordion__hd {
  2. position: relative;
  3. padding: 20rpx 30rpx;
  4. color: #000;
  5. background-color: #fff;
  6. box-sizing: border-box;
  7. padding-right: 60rpx;
  8. width: auto;
  9. text-overflow: ellipsis;
  10. white-space: nowrap;
  11. overflow: hidden;
  12. display: flex;
  13. align-items: center
  14. }
  15. .wux-accordion__hd::after {
  16. content: " ";
  17. position: absolute;
  18. bottom: 0;
  19. right: 0;
  20. height: 1PX;
  21. border-bottom: 1PX solid #d9d9d9;
  22. color: #d9d9d9;
  23. transform-origin: 0 100%;
  24. transform: scaleY(.5);
  25. left: 0
  26. }
  27. .wux-accordion__thumb {
  28. width: 40rpx;
  29. height: 40rpx;
  30. display: block;
  31. margin-right: 10rpx
  32. }
  33. .wux-accordion__arrow {
  34. display: inline-block;
  35. width: 30rpx;
  36. height: 30rpx;
  37. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2226%22%20viewBox%3D%220%200%2016%2026%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2%200L0%202l11.5%2011L0%2024l2%202%2014-13z%22%20fill%3D%22%23c7c7cc%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
  38. background-size: contain;
  39. background-repeat: no-repeat;
  40. background-position: 50% 50%;
  41. transform: rotate(90deg);
  42. transition: transform .2s ease;
  43. position: absolute;
  44. display: block;
  45. top: 30rpx;
  46. right: 30rpx
  47. }
  48. .wux-accordion--current > .wux-accordion__hd > .wux-accordion__arrow {
  49. transform: rotate(270deg)
  50. }
  51. .wux-accordion__bd {
  52. display: none;
  53. overflow: hidden;
  54. background: #fff;
  55. font-size: 30rpx;
  56. color: rgba(0,0,0,.85);
  57. position: relative;
  58. padding: 30rpx
  59. }
  60. .wux-accordion__bd::after {
  61. content: " ";
  62. position: absolute;
  63. bottom: 0;
  64. right: 0;
  65. height: 1PX;
  66. border-bottom: 1PX solid #d9d9d9;
  67. color: #d9d9d9;
  68. transform-origin: 0 100%;
  69. transform: scaleY(.5);
  70. left: 0
  71. }
  72. .wux-accordion--current > .wux-accordion__bd {
  73. display: block
  74. }