vue3弹窗的边框是圆角

在Vue3中，如果你想要创建一个带有圆角边框的弹窗组件，通常会利用HTML的CSS样式或者第三方UI库如Element Plus、Ant Design Vue等来实现。比如，如果你想自定义样式，可以在`.el-dialog`（Element UI中的对话框组件）或者`.v-dialog`（Vuetify中的对话框组件）的选择器上添加`:round-borders`或`.rounded`这样的伪类，配合border-radius属性设置圆角。

.el-dialog {
  border-radius: 8px; /* 或者根据需要调整数值 */
}

/* 或者在Vue模板中直接引用CSS类 */
<template>
  <div class="custom-dialog rounded" ref="dialogRef">...</div>
</template>

<style scoped>
.custom-dialog {
  border-radius: 8px;
}
</style>

如果使用的是自定义的CSS或者样式变量，确保在引入的CSS文件中覆盖了默认的边框样式。当然，具体实现依赖于你使用的UI库和实际的CSS配置。