微信小程序-底部导航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

推荐阅读

英雄杀里的商鞅怎么变法

贴与帖的有什么区别

组装电脑配件价格表「电脑主机配置」

产品|8个月下跌1200元，5nm芯片+IP68防水，优质旗舰售价大跳水

苹果|苹果重回第一，“十三香”所言非虚，三大因素吸引国人关注

前台服务员英语怎么写服务器前台英文怎么说

4d厨房黄线红线什么意思 4d厨房什么意思

商用全自动榨油机器价格家用智能榨油机

海带韭菜高血压多吃这些菜降压快

天造地设怎么造句,天造地设成语造句

oled|OPPO：两款新机遭曝光，两款老机型开始提前降价让路！

冄怎么读冄字应该怎么读

阿什顿马丁车型「跑车图片大全大图」

油性皮肤一天洗几次脸最好

电视机显示屏换排线

感情可遇不可求的意思感情可遇而不可求是什么意思

《如懿传》如懿出冷宫，这段无声胜有声的表演，你到底看懂了几点（）

结草衔环是什么意思结草衔环的意思

android4.4 camera分析

三菱空调显示错误信息代码处理方法？三菱空调故障码怎么查