vue el-dialog 圆角

要给 Vue 的 el-dialog 组件设置圆角，可以通过以下两种方式实现：

1. 使用 CSS 样式：在 el-dialog 的外层容器上添加一个自定义的类名，然后通过 CSS 样式来设置圆角。例如，给 el-dialog 外层容器添加类名为 "custom-dialog"，然后在样式文件中添加如下代码：

.custom-dialog .el-dialog__wrapper {
  border-radius: 10px;
}

.custom-dialog .el-dialog__header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

2. 使用 el-dialog 的属性：el-dialog 组件提供了一些属性可以用来设置对话框的样式，包括圆角。你可以在 el-dialog 标签上直接添加属性来设置圆角。例如，使用 `:round="true"` 属性来设置整个对话框的圆角，使用 `:round-header="true"` 属性来设置对话框头部的圆角。

<el-dialog :visible="dialogVisible" :round="true" :round-header="true">
  <!-- 对话框内容 -->
</el-dialog>

以上两种方法都可以实现给 el-dialog 组件设置圆角的效果。你可以根据自己的需求选择其中一种方式进行设置。