收藏
回答

mp-tabbar view.weui-tabbar.tabbar--weui-tabbar?

使用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


回答关注问题邀请回答
收藏
登录 后发表内容