微信小程序自定义Tabbar组件

黑色简洁风格的微信小程序 tabbar,用起来还挺顺手的。项目是基于微信小程序框架的,支持自定义图标和跳转逻辑,样式也比较灵活,适合拿来直接改造用。

自定义 tabbar 的配置放在app.json里,不过这个源码是把 tabbar 做成组件的方式来的,更灵活,也更适合定制化需求。比如你要搞个底部菜单带动画,或者点了以后切换高亮图标,照着这个结构改就行。

整个项目的结构也挺清晰的,componentspages都分类好了。tabbar 的逻辑主要集中在一个组件里,切页面的时候也没卡顿,响应还不错。自己要是手动写 tabbar,得的事不少,比如点击态、路由跳转、icon 切换等,这套代码帮你省了不少事。

而且是免费下载的,直接拉下来改就行,适合做商城、社区、工具类小程序。你要是想更深入了解微信小程序 tabbar 机制,像深入理解微信小程序 tabBar 配置与应用这篇也挺有用。

如果你正好在搞小程序项目,又不想从零写 tabbar,强烈建议试试这个源码。下载地址就在下面,改一改就能用。

zip 文件大小:77.15KB