uni-app真机运行顶部导航栏右边按钮显示不全的问题处理

一、现象

编译器模拟展示时显示正常,但打包到真机后显示不会,并出现省略号。具体如:

二、解决

(1)因默认感觉是只显示两字的宽度 ,多的为三点省略号进行处理了。

"app-plus": {
  "bounce": "none", //关闭窗口回弹效果
  "titleNView": {
    "buttons": [ //原生标题栏按钮配置,
      {
        "text": "我的帐单", //原生标题栏增加分享按钮,点击事件可通过页面的 onNavigationBarButtonTap 函数进行监听
        "fontSize": "28rpx",
        "width": "auto"
      }
    ]
  }
}

三、总结

有省略号,一般都是有固宽或是固高之类的,可多从这方面入手。

原文地址:https://www.cnblogs.com/waitingbar/p/13678429.html