（好久沒更了，更一下）
最近一個需求需要實現(xiàn)展開收起的效果（因為是樹形控件，但是移動端組件庫里沒有能用的，所以打算自己手寫一個）

遇到了一個問題，內(nèi)容不固定不說，內(nèi)容里面還能有展示更多（類似省略）

以我寫的組件結(jié)構(gòu)，拿不到當前層級的容器高度，而且，其實這樣操作還有很致命的缺陷（內(nèi)層展示更多后，外層要以此檢視高度）

最后總算是找到一個博客，感謝大佬！是通過 grid 布局實現(xiàn)的，我把需要被展開收起的東西全部放到一個容器里面，再通過去控制 columns 上的 fr 從 1 -> 0，實現(xiàn)了這樣一個動畫效果

有興趣的可以試下，大致結(jié)構(gòu)如下

<div 控制這里的fr，grid布局也在這個盒子上>
  <div 這個盒子高度一定要設置 min-height，因為會以min-content作為最小高度>
     ...內(nèi)容
  </div>
</div>

至于什么max-height的，額，動畫效果實在不理想（展開很快，收起很慢）最重要我是不定高度，鬼知道內(nèi)容會不會超出你設置的 max-height，而通過 ref 手動計算的話，雖然是有效果，但是外層盒子他不會變??！