本文已参与「新人创作礼」活动, 一起开启掘金创作之路。
@TOC
小程序自定义tab-bar
第一次接触微信小程序,因为业务需求要修改tab-bar,结果修改了很久也不尽人意,所以就想到了自定义。根据官方的文档写了一部分,结果就遇到了问题。下面先给大家介绍一下 我遇到的问题和解决方案
问题一:需要点击两次才能变成选中装填
官方的文档是这样写的
解决方案:
这个判断必须放进tab子页面的js的onShow方法里面(比如首页,就放进首页的js文件里面,我的,就放在我的页面的js文件里)
2.
问题二:真机查看的时候,切换页面的时候会从上到下
当页面没有加载出来的时候,tab-bar会在页面的中下位置,而不是在底部,当页面加载完成的时候才会在页面底部。
解决方案:
需要把官方提供的组件改写掉,只需要把‘cover-’去掉。
这里需要注意一下,去掉之后需要修改‘index.wxss’中的代码,不然会有样式问题
- 到目前为止,遇到的问题就解决了,如果哪里写的不对,欢迎指正,后续会更正这篇文章。
- 附上官方链接 自定义tabbar组件链接 微信小程序官方链接.