uni-app navigator组件animation-type和animation-duration属性报Bug

感谢文档，文档错误，我们修正。 目前还不支持自定义路由，后续会提供。也欢迎到需求墙投票：https://vote.dcloud.net.cn/#/?name=uni-app x

在使用 uni-app 的 navigator 组件时，如果你遇到了 animation-type 和 animation-duration 属性报 Bug 的问题，可能是由于以下几个原因导致的：

1. 平台兼容性问题

• animation-type 和 animation-duration 是 uni-app 提供的用于控制页面跳转动画的属性，但这些属性可能在某些平台上不被支持或存在兼容性问题。
• 例如，animation-type 和 animation-duration 在 H5 端可能无法正常工作，而在小程序端（如微信小程序）可能会有不同的表现。

2. 属性值错误

• 确保你为 animation-type 和 animation-duration 设置了正确的值。
• animation-type 的合法值包括："slide-in-right", "slide-in-left", "slide-in-top", "slide-in-bottom", "pop-in", "fade-in", "zoom-out", "zoom-fade-out", "none"。
• animation-duration 应该是一个正整数，表示动画的持续时间（单位：毫秒）。

3. 版本问题

• 如果你使用的是较旧版本的 uni-app，可能存在一些已知的 Bug。建议更新到最新版本，看看问题是否得到解决。

4. 代码示例

以下是一个使用 navigator 组件并设置 animation-type 和 animation-duration 的示例代码：

<navigator url="/pages/detail/detail" animation-type="slide-in-right" animation-duration="300">
    跳转到详情页
</navigator>

如果这段代码在某些平台上无法正常工作，可以尝试以下解决方案。

5. 解决方案

• 检查平台兼容性：在代码中判断当前运行的平台，并根据平台特性使用不同的跳转方式。例如，在 H5 端可以使用 window.location.href 进行跳转，而在小程序端使用 uni.navigateTo。

// 判断平台
#ifdef H5
window.location.href = '/pages/detail/detail';
#endif
#ifdef MP-WEIXIN
uni.navigateTo({
    url: '/pages/detail/detail',
    animationType: 'slide-in-right',
    animationDuration: 300
});
#endif

• 使用 uni.navigateTo：如果你需要更精细地控制页面跳转动画，可以使用 uni.navigateTo 方法，并设置 animationType 和 animationDuration 参数。

uni.navigateTo({
    url: '/pages/detail/detail',
    animationType: 'slide-in-right',
    animationDuration: 300
});