使用weui-tabbar发现的一个问题,在这里也记录一下:https://github.com/wechat-miniprogram/weui-miniprogram/issues/189
Bug描述
weui-tabbar在ipad下显示不正常:跑到了侧边且width变为只有60px。
在ipad真机调试发现,#shadow-root下的根view标签其class="weui-tabbar tabbar--weui-tabbar",即比在开发工具下看到的多了"tabbar--weui-tabbar"这个类,这个多出的类样式重设了flex-direction、height和width等导致tabbar显示错位。
奇怪的是,查遍源码没有找到设置和定义"tabbar--weui-tabbar"这个类的地方。
复现方式
<mp-tabbar class="tabbar" list="{{bars}}" current="{{barIndex}}" bindchange="onNavbarChange"></mp-tabbar>
版本信息
- weui 版本 v2.4.0