小程序页面跳转切换动画变通实现方法
发布于 3 年前 作者 mengxiulan 4297 次浏览 来自 分享

先说结论:

目前小程序提供的类似wx.navigateTo() API不支持小程序页面之间跳转的自定义动画效果。全都是硬生生的卡片左右切换。

变通方法:

把所有页面代码写到一个页面中,通过事件对页面代码块进行展示或隐藏,同时设置好延迟时间并添加展示、隐藏的动画。本文案例使用的是Animate.css动画。

弊端:

单一文件代码过多,较难维护。此方法适用于页面较少或逻辑清晰的小程序开发。

展示程序二维码:(小程序名称:读老子)

回到顶部