uni-app 路由跳转

组件式导航

组件实现

<navigator url="/pages/404/404">404页面</navigator>

API中实现

uni.navigateTo({
    url: '/pages/index/index'
});

Tab栏导航

page.json中实现

    "tabBar": {
        "color": "#7A7E83",  //底部文字颜色
        "selectedColor": "#3cc51f",  // 被选中后 文字颜色
        "borderStyle": "black",  // 边框颜色
        "backgroundColor": "#ffffff",  // 背景色
        "list": [
            {
                "pagePath": "pages/index/index",
                "iconPath": "static/logo.png",
                "selectedIconPath": "static/logo.png",
                "text": "首页"
            },
            {
                "pagePath": "pages/list/list",
                "iconPath": "static/logo.png",
                "selectedIconPath": "static/logo.png",
                "text": "通讯录"
            }
        ]
    }

API中实现

uni.switchTab({
    url: '/pages/index/index'
});