[微信小程序]tabBar数字角标badge 真机显示问题 [我痛苦地捂住了脸]

- 当前 Bug 的表现(可附上截图)


开发者工具显示正常




真机显示差异(购物车尤为明显)(安卓系统 OnePlus 6T)




- 预期表现


真机显示应与开发者工具保持统一


- 复现路径


代码是用 Taro 框架编译后的代码

pages/index/index.js 调用的 setTabBarBadge


- 提供一个最简复现 Demo

代码片段:https://developers.weixin.qq.com/s/cEvTUcm37s6K


  • 角标的大小 还有离icon的距离, 这几个字都认识,放在一起就不理解了。
  • 哪里异常?, 有点点奇怪而已
    • 最明显的就是购物车badge 两个 99显示样式的差异, 2*99=198