如何将微信小程序动画组件改写为类似Vue的强大长尾词动画效果？

本文共计1241个文字，预计阅读时间需要5分钟。

演示+演示1+演示2+演示3+功能描述+1、预设过渡+支持区域划分、leave+支持预设过渡的组合+特殊强化：支持元素展开、收合的过渡。name=slide或[slide],即可实现，无需外部传height。

演示

演示1

演示2

演示3

一、功能描述

1、预设过渡

• 支持区分enter、leave
• 支持预设过渡的组合
• 特别强调:支持元素展开、闭合的过渡。name=='slide'或['slide'[,]]，即可实现，无需外部传height
• 支持外部传类来过渡或动画

/* 预留过渡 */ /** *1、fade *2、移动:up,right,down,left四个方向 *3、scale缩放：默认是从0->1，还预设了一个从1->1.2的 *4、rotate旋转。顺时针旋转。角度用以上方向来指示。如果逆时针中间加上reserve。 如rotate-right表示选择180度，rotate-down-reserve表示逆时针旋转90度。 预设了，90,180,270,360；-90.-180，-270，-360角度的旋转 *5、slide：内容块张开还是隐藏。 √ *说明：以上是整体过渡的单元：传name的时候，可以多个组合，形成更加复杂的过渡。 *如果这些组合，还不够你的使用，可以部分或全部过渡通过外部传类来实现。 */

2、蒙层相关功能

• 无蒙层:mask:0。