antd修改upload 按钮 样式

在Ant Design Vue (Vue 版本的 AntD) 中，`Upload` 组件的按钮样式可以通过CSS或者Ant Design提供的主题变量来定制。默认情况下，`<a-upload>` 的上传按钮看起来像一个小图标，如果你想改变其外观，可以按照以下步骤操作：

1. **CSS 风格**:
- 使用内联样式覆盖默认的按钮元素，例如：

     <a-upload :action="url" class="custom-upload">
       <a slot="trigger" style="background-color: blue; color: white; padding: 5px 10px;">上传文件</a>
     </a-upload>

这里设置了一个蓝色背景、白色文字的自定义按钮。

2. **通过主题变量**:
- 如果你想持久地更改全局样式，可以在`~/.ant-design-vue/theme.config.js` 文件中配置主题，然后重启应用。例如，你可以改变按钮的颜色：

     import { createTheme } from 'ant-design-vue';
     
     const customTheme = createTheme({
       Button: {
         // 修改 Upload 按钮的基础样式
         base: {
           borderRadius: '4px', // 可选，改变圆角
           color: '#1890ff', // 自定义颜色
         },
         ghost: {
           // 修改 Ghost 模式（透明按钮）的样式
           color: '#666',
         },
       }
     });

记得保存更改后重新启动项目才能看到新样式生效。