---
title: Skyline 渲染引擎 / 增强特性 / 预设路由
---

# 预设路由

为降低开发成本，基础库预设了一批常见的路由动画效果。

| routeType                     | 最低基础库版本 |
| ----------------------------- | -------------- |
| `wx://bottom-sheet`           | 3.1.0          |
| `wx://upwards`                | 3.1.0          |
| `wx://zoom`                   | 3.1.0          |
| `wx://cupertino-modal`        | 3.1.0          |
| `wx://cupertino-modal-inside` | 3.1.0          |
| `wx://modal-navigation`       | 3.1.0          |
| `wx://modal`                  | 3.1.0          |

## 使用方法

仅需在路由跳转时，指定对应的 `routeType`。

注意：以上路由效果均可通过[自定义路由](custom-route)实现，可参考示例代码中的源码文件，自定义所需效果。

```js
wx.navigateTo({
  url: 'xxx',
  routeType: 'wx://modal'
})
```

## 示例代码

[在开发者工具中预览效果](https://developers.weixin.qq.com/s/XC8BGymC7QMo)

## 效果演示




        wx://bottom-sheet
        半屏弹窗







        wx://upwards
        向上进入







        wx://zoom
        放大进入







        wx://cupertino-modal-inside
        wx-cupertino-modal 跳转到 wx-cupertino-modal-inside







        wx://modal-navigation
        wx-cupertino-modal 跳转到 wx-modal-navigation







        wx://modal
        wx-modal 跳转到 wx-modal-navigation