uni-app动画效果使用指南
uni-app 的动画用起来其实还蛮顺手的，不管是页面切换、手风琴效果，还是加载中的那点小动效，写好了都挺加分。你用transition或者animation配合v-show和v-if，再加点 CSS3 属性，效果马上就出来了。
手风琴式的动画算是比较常见的场景，比如 FAQ 列表、分类筛选这些，折叠展开的动作只要搭配好height和overflow，再套个transition，体验直接上一个档次。参考这篇《Uni-app 实现手风琴效果与动画过渡详解》，讲得挺细，样式和逻辑都有。
还有一种是状态变化的时候配个动画，比如 tab 切换、按钮点击反馈这些，用animation会更灵活，像渐隐渐显、位移放大这些，配合@keyframes写一点，也不麻烦。
另外，uni-app也支持原生小程序的createAnimation方法，想玩细节的话可以直接写 JS 控制动画的每一帧，不过建议别搞太复杂，不然兼容性和性能就有点玄了。
如果你想要界面更活一点，适当加些动画是挺值的；但如果只是为了炫技，那就省省，别把用户体验拖垮了。
文件大小：70.07KB
评论区