微信小程序实现底部导航

微信小程序实现底部分页功能

使用微信小程序的tabBar即可实现页面底部的分页功能
下面介绍几个配置属性:

  • 通过“color”与“selectedColor”两个属性设置选中前与选中后的字体颜色
  • list 导航配置数组
  • 通过“iconPath”与“selectedIconPath”两个属性设置未选中时图片路径与选中后的图片路径
  • pagePath 页面访问地址
  • text 导航图标下方文字;

微信小程序实现底部导航
效果图如下:
微信小程序实现底部导航
结束!