小程序路由
首先,小程序的路由不同于Vue 等 框架,小程序采用的是 高封装度,低自定义化的方案。
小程序的路由 配置 及其简单,只要不过几行代码 就能搞定 ,毕竟腾讯出品,必属精品(5毛一条,括号内删除)
第一步 先建立文件夹
这里为了方便叫AAAA
然后创建 内容 也叫 AAAA 注意 这里要选择新建page 注意 这里要选择新建page 注意 这里要选择新建page 重要的事说三遍
然后App.json 中就自动出现了具体内容
ps:如果把AAAA 移动到第一行的话 ,进入小程序的首页就会变成 AAAA
"tabBar": {
"color": "#a9b7b7",
"selectedColor": "#11cd6e",
"borderStyle": "white",
"list": [
{
"selectedIconPath": "./pages/images/t2-h.png", //选择状态的Icon
"iconPath": "./pages/images/t2.png", //未选择状态的Icon
"pagePath": "pages/AAAA/AAAA", //地址
"text": "AAAA" //标题名
},
{
"selectedIconPath": "./pages/images/t3-h.png",
"iconPath": "./pages/images/t3.png",
"pagePath": "pages/event/event",
"text": "个人"
}
]
},
在App.json 最外层加上上面的 tabBar 配置 就好了 看下页面效果
ps: icon 要自己配置地址和图片
pss:不要在意上面彩色的顶部栏,这是其他的东西
psss:tabBar的list里面 至少要有两个页面才行