# 預(yù)設(shè)路由
為降低開發(fā)成本,基礎(chǔ)庫預(yù)設(shè)了一批常見的路由動畫效果。
| routeType | 最低基礎(chǔ)庫版本 |
|---|---|
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 |
# 使用方法
僅需在路由跳轉(zhuǎn)時,指定對應(yīng)的 routeType。
注: 以上路由效果均可通過自定義路由實現(xiàn),可參考示例代碼中的源碼文件,自定義所需效果。
wx.navigateTo({
url: 'xxx',
routeType: 'wx://modal'
})
# 示例代碼
# 效果演示
wx://bottom-sheet
半屏彈窗
wx://upwards
向上進入
wx://zoom
放大進入
wx://cupertino-modal-inside
wx-cupertino-modal 跳轉(zhuǎn)到 wx-cupertino-modal-inside
wx://modal-navigation
wx-cupertino-modal 跳轉(zhuǎn)到 wx-modal-navigation
wx://modal
wx-modal 跳轉(zhuǎn)到 wx-modal-navigation