{
"text": "菜单1",
"pagePath":"pages/index/index",
"iconPath":"xxx/icon.png"
},
{
"text": "菜单2",
"pagePath": "pages/addCgi/addCgi",
"iconPath":"xxx/icon2.png"
}
],
说明:微信小程序tabBar配置项里的list接受一个数组,只能配置最少2个、最多5个 tab。tab 按数组的顺序排序,每个项都是一个对象。
1、首先新建一个微信小程序项目,在项目中找到app.json这个数据文件。app.json:是新建项目中默认生成的一个配置文件
2、底部菜单的名称是tabBar,这个名称是跟window窗口同级的,所以在这个配置前加一个逗号即可,接着写入底部菜单的集合,注意括号的位置
tabBar里面的配置有,Color指的是底部菜单文本的默认颜色,selectedColor指的是聚焦选中的底部菜单文本的颜色,background指的是底部菜单的背景色,borderStyle指的是边距现实的风格颜色,list是配置页面路径,菜单文本,菜单图片元素的集合
3、list的元素讲解:底部菜单有多少个页面就设置多少个集合,以逗号分隔开。
pagePath指的是页面的路径,建议第一个跳转集合设置成小程序的首页,也就是index页面,iconPath指的没有选中聚焦底部菜单时小图标的路径,selectIconPath指的是选中底部菜单式的图标路径,texe则是菜单文本。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)