首页 > PHP资讯 > 工具库 > 微信小程序开发指南:关于Tab分页

微信小程序开发指南:关于Tab分页

工具库
1.1 组件 tabBar

tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab 按数组的顺序排序。

1.2 配置位置

   "tabBar": {    "color": "#a9a9a9",    "selectedColor": "#1f1f1f",    "backgroundColor": "#fefefe",    "borderStyle": "white",    "list": [      {        "pagePath": "pages/main/main",        "text": "首页",        "iconPath": "image/icon_home.png",        "selectedIconPath": "image/icon_home_select.png"      },      {        "pagePath": "pages/aboutUs/aboutUs",        "text": "关于我们",        "iconPath": "image/icon_person.png",        "selectedIconPath": "image/icon_person_select.png"      }    ] }

1.3 icon图标
对于每一个tab的icon,需要放置于本地工程内,经测试此处不支持网络图片。需在工程根目录下创建用于存放图片的文件夹,文件名随意,使用时需指定其相对路径。(作者实际操作过程中,没有在IDE中找到在image文件夹中放入图片文件的方法,我是在本地文件中操作的,不知道是功能太隐蔽还是我没有找到,如果有知道的望留言告知)

  {        "pagePath": "pages/main/main",        "text": "首页",        "iconPath": "image/icon_home.png",        "selectedIconPath": "image/icon_home_select.png"      }

更多微信小程序开发指南:关于Tab分页相关文章请关注PHP中文网!

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持41不支持0