uni-app底部导航 分页

1，除了默认index页面在创建两个页面，

 

可以用hbuilder创建页面，直接pages.josn写入导航

2，再到pages.josn编辑tabBar

"tabBar":{
"color":"#fff",
"selectedColor":"#FF0000",
"borderStyle":"black",
"backgroundColor":"#333",
"list":[{
"pagePath":"pages/index/index",
"iconPath":"static/logo.png",
"selectedIconPath":"static/logoClke.png",
"text":"首页"
},{
"pagePath":"pages/news/news",
"iconPath":"static/logo.png",
"selectedIconPath":"static/logoClke.png",
"text":"新闻"
},{
"pagePath":"pages/my/my",
"iconPath":"static/logo.png",
"selectedIconPath":"static/logoClke.png",
"text":"我的"
}]
}

iconPath是没有点击时的图标

selectedIconPath是点击过后的图标

然后就可以了，