el-upload 样式

el-upload 是 Element UI 提供的文件上传组件，它可以很方便地实现文件上传功能。关于 el-upload 的样式，你可以通过以下几种方式进行自定义：

1. 使用 Element UI 提供的默认样式：el-upload 默认会应用 Element UI 的样式，你可以直接在项目中引入 Element UI 的样式文件（如 element-ui.css），然后在代码中使用 el-upload 组件即可。

2. 自定义样式类：el-upload 组件提供了多个样式类，你可以通过给 el-upload 添加 class 属性来自定义样式。例如，你可以给 el-upload 添加一个自定义的 class 名称，并在样式文件中定义对应的样式规则。

3. 使用 slot 自定义内容：el-upload 还提供了多个 slot，可以让你自定义上传按钮的内容和样式。你可以使用 slot 来替换默认的上传按钮，以及添加其他自定义的 HTML 内容。例如，你可以使用 slot="trigger" 来自定义上传按钮的样式。

下面是一个示例代码，演示了如何自定义 el-upload 的样式：

<template>
  <el-upload
    class="custom-upload"
    action="/upload"
    :headers="customHeaders"
    :on-success="handleSuccess"
    :on-error="handleError"
    :before-upload="beforeUpload"
  >
    <span slot="trigger" class="custom-button">
      <i class="el-icon-upload"></i> 点击上传
    </span>
  </el-upload>
</template>

<style>
.custom-upload {
  /* 自定义 el-upload 的整体样式 */
  /* ... */
}

.custom-upload .custom-button {
  /* 自定义上传按钮的样式 */
  /* ... */
}
</style>

在上面的示例中，我们给 el-upload 添加了一个名为 "custom-upload" 的 class，然后在样式文件中定义了对应的样式规则。同时，我们使用了 slot 来自定义上传按钮的内容和样式，将默认的上传按钮替换为一个带有图标和文本的按钮。

你可以根据自己的需求，在样式文件中进一步定义和调整 el-upload 的样式。希望能对你有所帮助！如有更多问题，请继续提问。