[视频]在微信小程序中怎样设置tabbar?

来自新浪体育http://sports.sina.com.cn/的优秀用户专注科学常识，于2019-08-24在生活百科知识平台总结分享了一篇关于“在微信小程序中怎样设置tabbar?网游之纵横天下”的经验，非常感谢专注科学常识的辛苦付出，他总结的解决技巧方法及常用办法如下：

55万+本经验介绍的是在微信小程序中怎样设置tabbar?

方法/步骤

1/7分步阅读

首先打开微信开发者工具，找到项目文件目录中的app.json并打开它。

[图]2/7

然后再Json中怎样一个key——“tabBar“。

[图]3/7

然后是设置文本的颜色：

"color":"#8a8a8a"。

[图]4/7

设置文本选中时的颜色：

"selectedColor":"#07c160"

[图]5/7

设置tabbar的背景颜色，例如：

"backgroundColor":"gray"

[图]6/7

设置tabbar的列表，也就是底部的菜单栏。

"list":[

{

"pagePath":"pages/idndex/index",

"text":"首页",

"iconPath":"images/tabbar/tabbar1.png",

"selectedIconPath":"images/tabbar/tabbar1_selected.png"

}

[图]7/7

保存文件，在效果预览区域进行预览。

[图]微信小程序设置TABBAR

编辑于2019-08-24，内容仅供参考并受版权保护

经验备注

我发现了这篇经验很有用：你也认同《在微信小程序中怎样设置tabbar?》的经验分享有价值，就请和朋友们一起分享吧。另外，在微信小程序中怎样设置tabbar?的经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。经验知识实用生活指南-解决你所有的生活难题！未经许可，谢绝转载。

本文网址：https://www.5058.cn/article/7f766daf0dff450100e1d037.html