uni-app页面如何在web打开后页面居中

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。要在 uni-app 开发的页面在 Web 打开后实现页面居中，可以通过 CSS 样式来控制。下面是一个简单的示例：

1. 在页面的 `<style>` 标签中设置全局样式，使得页面的 body 元素使用 flex 布局，并且内容水平和垂直居中：

page {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 视口高度 */
}

2. 如果你想让页面的某一个具体元素居中，也可以直接在该元素上应用样式：

.content {
    width: 80%; /* 根据需要设置宽度 */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 文本居中 */
}

然后在页面的 `<template>` 标签中使用这个类：

<template>
    <view class="content">
        <!-- 页面内容 -->
    </view>
</template>

确保你的页面布局和内容适应上述设置，这样在 Web 环境下打开页面时，页面就会居中显示。