perf(collapse-panel): 不计算dom节点高度来实现动画效果 (#1939)

* perf(collapse-panel): 不计算dom节点高度来实现动画效果 * pefr(collapse-panel): lint * pefr(collapse-panel): 修改class名称 --------- Co-authored-by: hxh <1047739781>
Tencent · Nov 18, 2024 · 483aae0 · 483aae0
1 parent b7bd5de
commit 483aae0
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/style/mobile/components/collapse/v2/_index.less b/style/mobile/components/collapse/v2/_index.less
@@ -23,7 +23,6 @@
 
   background-color: @collapse-panel-bg-color;
   overflow: hidden;
-  transition: height ease 240ms;
 
   &--top {
     display: flex;
@@ -76,6 +75,15 @@
     }
   }
 
+  &__body {
+    display: grid;
+    transition: grid-template-rows ease 240ms;
+  }
+
+  &__inner {
+    overflow: hidden;
+  }
+
   &__content {
     color: @collapse-content-text-color;
     font-size: @collapse-content-font-size;