uni-popup-dialog标签的内容怎么设置居中

在uni-app中，要设置`uni-popup-dialog`组件中内容居中，可以通过CSS样式来实现。首先确保你的`uni-popup-dialog`组件正确嵌入页面，并且已经设置了基本的样式和属性。要居中显示内容，可以在`uni-popup-dialog`的子元素中使用Flex布局，这样可以很方便地实现内容的居中对齐。

以下是一个简单的示例代码，展示如何使用Flex布局来居中内容：

<template>
  <view>
    <uni-popup-dialog>
      <view class="content-wrapper">
        <!-- 这里放置你想要居中的内容 -->
        <view class="content">居中的内容</view>
      </view>
    </uni-popup-dialog>
  </view>
</template>

<style>
/* 设置内容居中 */
.content-wrapper {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  height: 150px; /* 根据实际高度调整 */
}
</style>

通过给`.content-wrapper`添加Flex布局，并设置`align-items`和`justify-content`属性，可以使其中的内容水平和垂直居中。这里的`.content`是你希望居中的内容元素，你可以根据实际情况添加更多的样式和内容。