今天朋友问我这个微信小程序的自定义 tabBar,有个问题,那么作为一个程序员的我 那当然是…没有啦,自定义 tabBar刚出来不久,最近的小程序设计图也未涉及需要自定义的 , 不过作为一名程序员,对代码的事情都是尽量不能说No的 那么肯定给写个案例耍耍
看上去是不是特别简单,其实也确实简单,不难的 首先做个常见的 就是一些Tabber_item会凸起那个 如图
这个写完发现太简单也太…low了 拿了同事要他要的做的设计图 做这个
会动一下 就没找问题改了 写的简化版 具体要怎么的再加就是了 我主要是给你们展示一下自定义tabbar的 有需要的自己拿源码改了 如果不懂的小伙伴有需要可以留言讨论一下 创建了代码片段 需要的朋友直接点击就好了
分享链接https://developers.weixin.qq.com/s/9uiHWwmH7c7y
打开链接会自启动项目命令 如果打开没有反应的 需要把微信开发者工具的服务端口打开 设置>安全>安全端口>开启
如果朋友实在不会搞 那我这里也上传了代码
https://download.csdn.net/download/battercake/11102695
需要的去下载 需要积分(怎么改成0积分我是真不知道怎么搞==!!没看到 有朋友知道的说一下 ) .
这里说一下 把代码片段或者官方案例迁入无效解决方法 同事拿我的代码复制过去后 无报错无显示 这是为什么呢 其实很简单 因为这个自定义tabBar需要基础库2.5.0以上 需要用自定义tabBar 那就去项目根目录project.config.json文件 改"libVersion": "2.5.2"或者以上 现在最近创建默认是2.6.2的 以前旧的项目才需要改 为什么不是2.5.0呢 因为有一个bug 非 tab 页显示 tabBar 问题在2.5.2 起已修复 所以需要这个以上
最后我想说的是 能用原生就先用原生先 用户体验才是优先的 跟设计师沟通 see you