uni-app中plus.nativeUI.showWaiting能否靠在屏幕顶端显示

在uni-app中，plus.nativeUI.showWaiting 方法用于显示一个等待框（loading指示器），通常用于告知用户某个操作正在进行中。默认情况下，这个等待框是显示在屏幕中央的。不过，通过一些自定义样式，你可以尝试调整它的位置，尽管原生API没有直接提供设置位置的参数。

不过需要注意的是，由于plus.nativeUI.showWaiting是基于原生组件的，其样式和位置受原生系统限制较大，直接修改位置可能并不总是可行或推荐的做法。在大多数情况下，推荐保持默认的居中显示，以保证用户体验的一致性和跨平台兼容性。

然而，如果你确实需要在屏幕顶端显示等待框，并且可以接受一些平台特定的解决方案或潜在的兼容性问题，你可以考虑以下方案：

1. 使用自定义模态框： 创建一个自定义的模态框组件，并通过CSS将其定位在屏幕顶端。这种方式可以完全控制样式和位置，但会牺牲一些原生等待框的性能和一致性。

以下是一个简单的自定义模态框示例（非原生等待框）：

<template>
  <view v-if="isLoading" class="loading-overlay">
    <view class="loading-spinner"></view>
    <text>Loading...</text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      isLoading: true
    };
  },
  methods: {
    showLoading() {
      this.isLoading = true;
    },
    hideLoading() {
      this.isLoading = false;
    }
  }
};
</script>

<style>
.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 60px; /* 你可以根据需要调整高度 */
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.loading-spinner {
  /* 这里可以放置一个自定义的加载动画 */
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 255, 255, .3);
  border-left-color: #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}
</style>

在这个例子中，我们创建了一个自定义的加载动画，并将其定位在屏幕顶端。你可以根据需要调整样式和动画效果。这种方法虽然灵活，但需要手动管理显示和隐藏的逻辑。