窗口动画

H5下单页动画示例 API = 组件 > pages.json。

API

有效的路由 API

• -

  uni.navigateTo({    url: '../test/test',    animationType: 'pop-in',    animationDuration: 200});uni.navigateBack({    delta: 1,    animationType: 'pop-out',    animationDuration: 200});

  组件

  open-type 有效值
• -

  <navigator animation-type="pop-in" animation-duration="300" url="../test/test">navigator</navigator><navigator animation-type="pop-out" animation-duration="300" open-type="navigateBack" >navigator</navigator>

  pages.json

  pages.json 中配置的是窗口显示的动画

  "style": {    "app-plus": {        "animationType": "fade-in",        "animationDuration": 300    }}

  显示动画与关闭动画，会有默认的对应规则。但是如果通过 API 或组件配置了窗口关闭的动画类型，则不会使用默认的类型。 详细的窗口动画说明，请参考：
• AnimationTypeShow
• AnimationTypeClose参考事项
• 路由

---

在 GitHub 上编辑此页面！