微信小程序路由跳转

Tab切换

"tabBar": { "color": "black",//默认颜色 "borderStyle": "#000",//边框 "selectedColor": "red",//替换时小图标下方更换的颜色 "list": [ { "pagePath":"pages/index/index",//要跳转的目标组件的路径 "text": "首页",//tab文字 "iconPath":"static/home.png",//默认小图标路径 "selectedIconPath": "static/home-1.png"//点击替换的小图标路径}, { "pagePath":"pages/classify/classify", "text": "分类", "iconPath": "static/list.png", "selectedIconPath": "static/list-1.png" }, { "pagePath": "pages/shopcar/shopcar", "text": "购物车", "iconPath": "static/shopCar.png", "selectedIconPath":"static/shopCar-1.png"}, { "pagePath": "pages/people/people", "text": "个人", "iconPath": "static/user.png", "selectedIconPath":"static/user-1.png" } ] } //新建static文件放图片(阿里图标可下载) //下载路径://http://www.iconfont.cn/

跳转新的页面 HTML
点我跳转

js
todetail:function(e){ //新页面路由跳转 wx.navigateTo({ url: '../detail/detail'//实际路径要写全 }) },

    推荐阅读