微信小程序tabBar使用
2016-12-09 14:50
459 查看
微信小城的tabBar就是微信小程序页面下面的显示的tab标签栏,用来切换页面只能再app.json中配置代码如下
微信规定tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab
按数组的顺序排序。
然后这里还要注意一个点就是你这个list里面配置的pagePath对应的页面才会显示,没有配置到这个list里面的页面是不会显示对应的tab栏
{ "pages":[ "pages/index/index", "pages/logs/logs", "pages/mediaImage/index", "pages/magazineImage/index" ], "tabBar": { "list": [{ "pagePath": "pages/mediaImage/index", "text": "媒体图片" }, { "pagePath": "pages/magazineImage/index", "text": "上刊图片" }] }, "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "测试", "navigationBarTextStyle":"black" } }
微信规定tabBar 是一个数组,只能配置最少2个、最多5个 tab,tab
按数组的顺序排序。
然后这里还要注意一个点就是你这个list里面配置的pagePath对应的页面才会显示,没有配置到这个list里面的页面是不会显示对应的tab栏
相关文章推荐
- 微信小程序TabBar底部栏的使用
- 微信小程序使用switchTab切换TabBar
- 微信小程序tabBar的使用,导航栏实例
- 微信小程序TabBar的使用
- 微信小程序开发——tabBar使用
- 微信小程序之TabBar的使用
- 【微信小程序开发】tabBar的使用技巧
- 微信小程序教程——使用checkbox显示多项选择框
- 微信小程序例子——使用picker实现时间和日期选择框
- 微信小程序开发之选项卡(窗口顶部TabBar)页面切换
- 微信小程序例子——使用swiper组件实现图片切换
- 微信小程序例子——如何使用scroll-view组件实现视图垂直滚动
- 微信小程序例子——使用form表单获取输入框数据
- 微信小程序开发教程(破解版IDE 无内测资格也可使用)
- 微信小程序使用第三方库Underscore.js步骤详解
- 微信小程序例子——使用text组件实现转义符换行
- 微信小程序使用第三方库Immutable.js实例详解
- 微信小程序例子——使用radio显示单选项
- 微信小程序例子——使用icon组件显示常用图标
- 微信小程序 在Chrome浏览器上运行以及WebStorm的使用