block和none问题一些CSS属性可以是动画的,也就是说,当它的值改变时,它可以以平滑的方式改变。做折叠面板最简单的方式是改变它的block或none,这两个属性值不包含在可动画属性中。详见:CSSanimatedproperties。所以,设置CSS动画(keyframes)或transition都是没有效果的。JS辅助实现这个时候就需要借助JS来实现折叠面板。首先,获取折叠面板内容的高度,有了高度按照一定周期来逐步增加高度,或逐步减少高度。{{text}}setup通过一个变量isToggled来判断是否折叠过面板。content是获取面板内容的模板引用,height是高度,对模板引用