uniapp开发 导航栏自定义按钮 字母下面显示不全

Question

uniapp开发 导航栏自定义按钮 字母下面显示不全
举例：下面的字母g

Answer 1

在 uni-app 中，导航栏的自定义按钮可以通过在页面的 nvue 模板中添加 uni-navigator 组件来实现。可以在 uni-navigator 中通过设置 title 和 icon 来自定义导航栏的按钮。

如果您在自定义按钮时发现字母下面显示不全，可能是因为字体大小过大导致的。此时，您可以通过调整字体大小或者通过换用适合屏幕大小的字体来解决问题。

具体来说，您可以在 style 中添加以下代码来调整字体大小：

.uni-navigator__title {
  font-size: 24px;
}

其中，24px 可以根据实际需要进行调整。

如果您想要换用适合屏幕大小的字体，可以在 style 中添加以下代码：

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

.uni-navigator__title {
  font-family: 'Roboto', sans-serif;
}

其中，Roboto 是一个比较常用的字体，您也可以根据自己的需要替换为其他字体。

通过调整字体大小或者换用适合屏幕大小的字体，您应该可以解决导航栏自定义按钮下字母显示不全的问题。