uniapp运行的微信小程序中顶部安全区域计算和适配全局配置具体例子

在uniapp中，可以通过全局配置来适配微信小程序的顶部安全区域。具体步骤如下：

1. 在uniapp项目的manifest.json文件中，找到"app-plus"节点下的"nvue"节点，添加"viewport"节点。

"app-plus": {
  "nvue": {
    "viewport": "viewport-fit=cover"
  }
}

2. 在uniapp项目的App.vue文件中，添加全局样式。

<style lang="scss">
  .uni-page {
    padding-top: env(safe-area-inset-top);
  }
</style>

这样，在微信小程序中运行uniapp项目时，顶部安全区域的高度会自动计算，并在页面中添加上相应的padding-top样式，保证页面内容不会被遮挡。

需要注意的是，这种适配方式只适用于微信小程序中，其他平台的适配方式可能会有所不同。同时，如果页面中存在自定义导航栏等特殊情况，还需要根据具体情况进行适配。