el-dialog右上角关闭按钮的图标修改位置

可以通过修改CSS来实现el-dialog右上角关闭按钮的图标位置的修改。具体的步骤如下：

1. 打开浏览器的开发者工具，找到el-dialog中关闭按钮图标的class，一般为el-dialog__headerbtn。

2. 找到该class对应的CSS样式，并将其position属性设置为relative，这样就可以通过修改top和right属性来调整图标的位置。

示例代码：

.el-dialog__headerbtn {
    position: relative;
}

.el-dialog__headerbtn i {
    position: absolute;
    top: 8px; /* 修改top属性来调整图标的上下位置 */
    right: 20px; /* 修改right属性来调整图标的左右位置 */
}

3. 将上述代码添加到你的CSS文件中即可。如果需要对特定的el-dialog进行修改，可以为其添加一个特定的class，并在CSS中使用该class来覆盖默认样式。

示例代码：

<el-dialog class="my-dialog"></el-dialog>

.my-dialog .el-dialog__headerbtn {
    position: relative;
}

.my-dialog .el-dialog__headerbtn i {
    position: absolute;
    top: 8px; /* 修改top属性来调整图标的上下位置 */
    right: 20px; /* 修改right属性来调整图标的左右位置 */
}