el-dialog的滚动条如何修改

要修改 `el-dialog` 的滚动条样式，您可以使用以下方法之一：

1. 自定义样式：通过使用 CSS 来自定义滚动条的样式。您可以使用 `::-webkit-scrollbar` 选择器来定制滚动条的样式。例如，以下代码将滚动条的颜色设置为红色：

.el-dialog__body::-webkit-scrollbar {
  width: 8px;
}

.el-dialog__body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.el-dialog__body::-webkit-scrollbar-thumb {
  background-color: red;
}

请将上述样式中的 `.el-dialog__body` 替换为适用于您的实际情况的选择器，以确保仅对 `el-dialog` 的内容区域应用样式。

2. 使用自定义类：通过为 `el-dialog` 添加自定义类，并在 CSS 中定义相应的样式来修改滚动条。例如，假设您有一个名为 `custom-scrollbar` 的自定义类，可以这样写：

<el-dialog title="Dialog" :visible="dialogVisible" class="custom-scrollbar">
  <!-- 对话框内容 -->
</el-dialog>

.custom-scrollbar .el-dialog__body::-webkit-scrollbar {
  width: 8px;
}

.custom-scrollbar .el-dialog__body::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.custom-scrollbar .el-dialog__body::-webkit-scrollbar-thumb {
  background-color: red;
}

使用其中一种方法，您可以根据需要自定义滚动条的样式。根据您的实际需求选择适合您的方式，并相应地设置滚动条的样式。