uni-app设置导航标题字体大小 ，是否加粗

你可以在 `pages.json` 文件中设置导航栏标题的样式。具体可以在 `navigationBarTextStyle` 字段中设置 `fontSize` 和 `fontWeight` 两个属性来控制字体大小和加粗程度。示例代码如下：

{
  "pages": [
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "首页",
        "navigationBarTextStyle": "white",
        "navigationBarTitleFontSize": 18,
        "navigationBarTitleFontWeight": "bold"
      }
    }
  ]
}

在上面的示例中，`navigationBarTitleFontSize` 属性设置了导航栏标题的字体大小为 18px，`navigationBarTitleFontWeight` 属性设置了导航栏标题的加粗程度为 bold。你可以根据自己的需求来设置这两个属性的值。

相关问题

如何在Uni-app的modal对话框中设置内容区域的文字为红色高亮显示？

在 Uni-app 中，如果你想要在 modal 对话框的内容区域设置文字为红色高亮显示，你可以通过修改组件的样式或者使用一些 UI 库提供的内置功能来实现。这里提供一种基本的方式：

1. **直接操作样式**: 在你的 Vue 组件的 `.vue` 文件里，可以在 `<template>` 标签中的 `dialog` 元素上添加一个自定义的 class，并在 `<style scoped>` 区域内定义该类的样式，例如：

<template>
  <view class="modal">
    <dialog class="red-highlight" @onClose="handleClose">
      <text class="dialog-content">这是高亮显示的内容</text>
    </dialog>
  </view>
</template>

<style scoped>
.modal {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.red-highlight .dialog-content {
  color: red;
  font-weight: bold; /* 可选，增加字体加粗效果 */
}
</style>

2. **利用第三方库**: 如果 Uni-app 的核心库没有提供这样的功能，你可以考虑引入外部 CSS 渲染库，如 weex-vue-loader 或者使用 CSS-in-JS 库 WeexStyleSheet 来动态创建样式。

记得在实际项目中处理好代码结构和样式复用，避免全局污染。

uniapp中page.json设置导航栏字体如何加粗

在 uni-app 中，可以通过以下方式将导航栏标题的字体加粗：

1. 在 `App.vue` 中设置全局样式，例如：

/* App.vue */
<style>
    /* 导航栏标题的样式 */
    .uni-nav-bar__title {
        font-weight: bold;
    }
</style>

2. 在需要设置导航栏标题样式的页面的 `page.json` 文件中，设置 `navigationBarTitleText` 和 `navigationBarTextStyle` 属性，例如：

{
  "navigationBarTitleText": "标题",
  "navigationBarTextStyle": "bold"
}

希望这些方法可以帮助到你。