“我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情”
最近在开发支付宝小程序，客户想将tabbar弄成中间凸出的，看了市面上的很多小程序，写的组件做的tabbar，不同页面之间切换看起来效果很差，会有重新渲染的情况。看了下官方文档，官方目前支持自定义barbar，实际运行效果，和原生tabbar一样顺滑，所以特此记录一下，也可以给大家一个例子。
tabBar 作为支付宝小程序基础能力，提供底部操作栏进行切换页面。自定义 tabBar 作为补充能力，可以让开发者更加灵活地设置 tabBar，以满足更多个性化的场景。
传统的tabbar
比较没有特色，这边想把中间的突出，然后边框有弧度 以下是传统的样式
传统tabbar代码
自定义tabbar
先看效果
具体怎么实现的
1.配置信息
在现有 tabBar 配置基础上新增customize字段。
2.添加 tabBar 组件
组件js部分
页面部分
css部分
此时点击切换tabbar，页面显示会有效果，但是底部tabbar并不会切换文字和图标 需要在几个tabbar页面，添加js方法
此时效果
针对IOS底部小横条优化
做凸起效果
最终效果
相关资料来源（支付宝官方文档） opendocs.alipay.com/mini/03jry7
