欢迎光临,了解微信小程序开发,就上易用通!

自定义底部导航栏(tabBar)

发布:2018-04-11 10:14浏览: 来源:网络 作者:cola

作者:会飞的鱼lala,来自授权地址

前言
如果大家用过微信提供的tabBar就会发现,他的tabBar有很大的局限性。
暂且不说样式局限性了,他提供的app.json配置文件中没有function。
这也就意味着使用它提供的这个组件,你只能用于跳转页面,不能干其它的事情

我YY的

自定义底部导航栏(tabBar)(图1)


以下是代码
说明:小程序的很大异步分思想体现了封装,以提高复用性。对此,一些简单代码我也封装了,考虑到了以后维护的方便性
目录结构如下:

自定义底部导航栏(tabBar)(图2)

 
 

图片配置文件:imgURI.js(由于小程序不支持xml和读取本地json,故用js代替)






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。