当前位置:   article > 正文

【微信小程序】为小程序设置底部菜单(tabBar)_上线时在小程序主体介绍位置(设置-关于两级菜单以内页面底部显著位置或三级专用菜

上线时在小程序主体介绍位置(设置-关于两级菜单以内页面底部显著位置或三级专用菜

在这里插入图片描述

一、项目目录

三个页面:
在这里插入图片描述
图标资源:
在这里插入图片描述

二、app.json中设置tabBar

此时pages中已经存在的页面路径:
在这里插入图片描述

添加tabBar属性,与window和pages同级。
在这里插入图片描述
其中selectedColor是当前菜单选中后标签字体颜色。
list中一个对象表示一个菜单项。

pagePath: 当前菜单对应的页面路径,应该在pages有对应路径
text: 当前菜单的标签
iconPath: 菜单未选中时显示的图标路径
selectedIconPath: 当前菜单选中后显示的图标路径
  • 1
  • 2
  • 3
  • 4

三、效果

在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/101585
推荐阅读
相关标签
  

闽ICP备14008679号