创新互联小程序教程：微信小程序APItabBar
wx.showTabBarRedDot(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
创新互联服务项目包括珠晖网站建设、珠晖网站制作、珠晖网页制作以及珠晖网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，珠晖网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到珠晖省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
显示 tabBar 某一项的右上角的红点
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| index | number | 是 | tabBar 的哪一项，从左边算起 | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
wx.showTabBar(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
显示 tabBar
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| animation | boolean | false | 否 | 是否需要动画效果 |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
wx.setTabBarStyle(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
动态设置 tabBar 的整体样式
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| color | string | 否 | tab 上的文字默认颜色，HexColor | |
| selectedColor | string | 否 | tab 上的文字选中时的颜色，HexColor | |
| backgroundColor | string | 否 | tab 的背景色，HexColor | |
| borderStyle | string | 否 | tabBar上边框的颜色， 仅支持 black/white | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
示例代码
wx.setTabBarStyle({
color: '#FF0000',
selectedColor: '#00FF00',
backgroundColor: '#0000FF',
borderStyle: 'white'
})
wx.setTabBarItem(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
动态设置 tabBar 某一项的内容，2.7.0 起图片支持临时文件和网络文件。
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| index | number | 是 | tabBar 的哪一项，从左边算起 | |
| text | string | 否 | tab 上的按钮文字 | |
| iconPath | string | 否 | 图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，当 postion 为 top 时，此参数无效 | |
| selectedIconPath | string | 否 | 选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px ，当 postion 为 top 时，此参数无效 | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
示例代码
wx.setTabBarItem({
index: 0,
text: 'text',
iconPath: '/path/to/iconPath',
selectedIconPath: '/path/to/selectedIconPath'
})
wx.setTabBarBadge(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
为 tabBar 某一项的右上角添加文本
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| index | number | 是 | tabBar 的哪一项，从左边算起 | |
| text | string | 是 | 显示的文本，超过 4 个字符则显示成 ... | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
示例代码
wx.setTabBarBadge({
index: 0,
text: '1'
})
wx.removeTabBarBadge(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
移除 tabBar 某一项右上角的文本
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| index | number | 是 | tabBar 的哪一项，从左边算起 | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
wx.hideTabBarRedDot(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
隐藏 tabBar 某一项的右上角的红点
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| index | number | 是 | tabBar 的哪一项，从左边算起 | |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
wx.hideTabBar(Object object)
基础库 1.9.0 开始支持，低版本需做 兼容处理。
隐藏 tabBar
参数
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| animation | boolean | false | 否 | 是否需要动画效果 |
| success | function | 否 | 接口调用成功的回调函数 | |
| fail | function | 否 | 接口调用失败的回调函数 | |
| complete | function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
当前文章：创新互联小程序教程：微信小程序APItabBar
路径分享：http://www.hantingmc.com/qtweb/news46/517546.html
网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联