热门标签
热门文章
- 1用git下载gitee上的项目资源_git怎么下载gitee
- 2https,udp,socket区别_sslsocket和socket区别
- 3「归并排序：题目一」如何实现一个空间复杂度为 O(1) 的归并排序？
- 4spring cloud eureka快速入门_eureka 入门
- 5C++：缺省参数|函数重载|引用|const引用
- 6AI智能助手商业系统软件源码（IMYAI智能助手) AI换脸/智能体GPTs应用/AI视频生成/AI绘画/文档分析/GPT-4o模型支持
- 7C语言中typedf函数的用法,C语言中typedef用法详解
- 8探秘Undetected ChromeDriver：自动化测试的新利器
- 9生成式 AI 的发展方向，应当是 Chat 还是 Agent？_生成式ai的发展方向,应当是chat还是agent
- 10git clone 时候出现Please make sure you have the correct access rights and the repository exists._git clone please make sure you have the correct ac
当前位置: article > 正文
微信小程序自定义tab-bar遇到的问题及解决方案_微信小程序 自定义tabbar位置被顶下去,导致点击失效
作者：喵喵爱编程 | 2024-08-14 22:58:39
赞
踩
微信小程序 自定义tabbar位置被顶下去,导致点击失效
小程序自定义tab-bar
第一次接触微信小程序，因为业务需求要修改tab-bar，结果修改了很久也不尽人意，所以就想到了自定义。根据官方的文档写了一部分，结果就遇到了问题。下面先给大家介绍一下 我遇到的问题和解决方案
问题一：需要点击两次才能变成选中装填
官方的文档是这样写的
解决方案：
这个判断必须放进tab子页面的js的onShow方法里面（比如首页，就放进首页的js文件里面，我的，就放在我的页面的js文件里）
2.
问题二：真机查看的时候，切换页面的时候会从上到下
当页面没有加载出来的时候，tab-bar会在页面的中下位置，而不是在底部，当页面加载完成的时候才会在页面底部。
解决方案：
需要把官方提供的组件改写掉，只需要把‘cover-’去掉。
这里需要注意一下，去掉之后需要修改‘index.wxss’中的代码，不然会有样式问题
- 到目前为止，遇到的问题就解决了，如果哪里写的不对，欢迎指正，后续会更正这篇文章。
- 附上官方链接
自定义tabbar组件链接 微信小程序官方链接.
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/喵喵爱编程/article/detail/981025
推荐阅读
相关标签
