小程序底部导航栏设置

Posted 金牛座的女孩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序底部导航栏设置相关的知识,希望对你有一定的参考价值。

 

tabBar与window、pages并列,pagePath点击进入的页面路径,selectedIconPath点击选中状态

"tabBar": {
"color": "#353535",
"selectedColor": "#3cc51f",
"borderStyle": "white",
"backgroundColor": "#ffffff",
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "images/man.png",
"selectedIconPath": "images/people.png",
"text": "主页"
},
{
"pagePath": "pages/logs/logs",
"iconPath": "images/people.png",
"selectedIconPath": "images/man.png",
"text": "主题日报"
},
{
"pagePath": "pages/demo/demo",
"iconPath": "images/people.png",
"selectedIconPath": "images/man.png",
"text": "测试"
}
]
}


























以上是关于小程序底部导航栏设置的主要内容,如果未能解决你的问题,请参考以下文章

请问微信小程序跳转页面就没有底部导航栏怎么办?

微信小程序开发,导航栏右边的按钮怎么设置

小程序底部导航栏设置

react 自定义底部导航栏 Tabbar

uni-app 自定义组件ADTabBar 底部导航栏 支持中间自定义按钮 支持小程序

微信小程序开发,导航栏右边的按钮怎么设置?