公告列表
公告列表
收藏
回答

在真机中自定义底部导航栏样式错乱

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows 2.7.2

- 当前 Bug 的表现（可附上截图）


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


开发者工具中页面为：


在真机中的底部为：

但是呢，在真机的页面中是样式完全不会乱掉


回答关注问题邀请回答
收藏

3 个回答

  • 禾店短剧系统
    禾店短剧系统
    2021-06-06


    1. let systemInfo = wx.getSystemInfoSync();

    3. let rect = wx.getMenuButtonBoundingClientRect ? wx.getMenuButtonBoundingClientRect() : null; //胶囊按钮位置信息

    5. wx.getMenuButtonBoundingClientRect();

    7. let navBarHeight = (function() { //导航栏高度

    9. let gap = rect.top - systemInfo.statusBarHeight; //动态计算每台手机状态栏到胶囊按钮间距

    11. return 2 * gap + rect.height;

    13. })();


    2021-06-06
    有用 1
    回复
  • liang――
    liang――
    2019-08-22

    已解决

    2019-08-22
    有用
    回复
  • 是小白啊
    是小白啊
    2019-06-28

    麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2019-06-28
    有用
    回复
请 登录 后发表内容
相关问题
相关文档