antd a-upload style自定义大小

在Ant Design Vue (antd) 的上传组件 `a-upload` 中，如果你想自定义上传区域的大小，你可以通过 CSS 来控制。`a-upload` 组件有一个名为 `.ant-upload` 的默认样式，其中包含内部文件上传按钮和进度条容器等元素。

要改变上传区域的大小，你可以覆盖这些默认样式，比如设置`.ant-upload` 的宽度和高度。例如：

.ant-upload {
  width: 300px; /* 自定义宽度 */
  height: 200px; /* 自定义高度 */
}

/* 或者如果你只想改变某个特定区域的大小，如上传按钮部分 */
.ant-upload-button {
  width: 150px;
  height: 40px;
}

然后在Vue组件中引用这个自定义CSS：

<style scoped>
@import '~ant-design-vue/dist/variables.css'; // 如果需要全局引入 Ant Design 的变量

// ... (上面自定义的 .ant-upload 样式)
</style>

<a-upload :action="uploadUrl" class="custom-upload">
  <i class="anticon anticon-upload"></i> <br />
</a-upload>