如何在uniapp中添加顶部导航栏边框

要在 UniApp 中为顶部原生导航栏添加下边框，你可以按照以下步骤操作：

1. 打开项目的 `pages.json` 文件，找到要设置导航栏的页面配置部分（如示例中的 "login/login" 页面）[^1]。

2. 在该页面的样式 (`style`) 属性中，添加一个名为 "app-plus" 的子属性，用于定制 App+（如果项目使用了 App+ 模式）的导航栏样式。在这里，你可以在 `titleNView` 对象内设置 `splitLine` 属性来控制导航栏分割线的颜色：

   {
     "path": "pages/login/login",
     "style": {
       "navigationBarTitleText": "登录/注册",
       "app-plus": {
         "titleNView": {
           "splitLine": {
             "color": "#f2f2f2"
           }
         }
       }
     }
   }

这将会使登录页面的顶部导航栏下方有一条与颜色 `#f2f2f2` 相同的边框。

如果你想要全局地去掉默认导航栏并自定义样式，可以按照以下步骤操作[^2]：

1. 在项目的 `project.config.json` 或者 `globalStyle`（如果存在的话）文件中，查找 `globalStyle` 选项。

2. 将 `navigationStyle` 的值改为 `"custom"`，表示启用自定义样式：

   "globalStyle": {
     "navigationStyle": "custom"
   }

这样，所有页面的顶部导航栏都会采用自定义样式，你可以根据需要进一步调整各个页面的导航栏样式。