微信小程序-底部导航tabbar 前端

在进行微信小程序开发的时候我们会经常遇到底部tab栏的操作，微信小程序官方也为我们提供了简单便捷的配置方法，举例出来供大家参考：
在全局的app.json页面中增加tabbar键值对：

文章图片

代码如下：
{
"pages":[
"pages/index/index",
"pages/cart/cart",
"pages/user/user"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#F58233",
"navigationBarTitleText": "家居电商",
"navigationBarTextStyle":"white"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "推荐",
"iconPath": "/images/No-orders.png",
"selectedIconPath": "/images/fail.png"
},{
"pagePath": "pages/cart/cart",
"text": "购物车",
"iconPath": "/images/face2@2x.png",
"selectedIconPath": "/images/Occupy@2x.png"
},{
"pagePath": "pages/user/user",
"text": "我",
"iconPath": "/images/defaultAvatar.png",
"selectedIconPath": "/images/Repair@2x.png"
}]
}
}

【微信小程序-底部导航tabbar】简单的分享就到这里，如有疑问，欢迎留言~

微信小程序-底部导航tabbar

推荐阅读

绮字五行属什么绮的组词

电线如何选择几方电线选2.5方还是4方

怎么才能把金牛座的男生追到手？

尼康fm2常见问题尼康FM2怎么启动电源

烤鸭架子汤怎么做好吃

qq空间怎么设置仅自己可见

百度网盘Svip如何购买便宜百度网盘vip共享

国际和平日手抄报文字国际宽容日手抄报内容

无症状感染者|广州新疫情传播力强，市民通宵排队打疫苗，专家：10天后可产生保护力

让你的打印机重获新生佳能MG6150废墨清零方法详解

新手开网店怎样开呢网店怎么样

核桃仁冷冻了三年还能吃吗

菲斯曼壁挂炉怎么调水压？

acl会议含金量,acl2023什么时候出结果

三角战略试玩版队友怎么招募三角战略试玩版队友招募方法

世界足球日小孩踢足球简笔画

郑州公租房在等待分房期间居住证换地址有影响吗？

如何正确清洗羽绒服？

iphone13第一次充电注意事项

一花一世界|一花一世界|小说连载