如何在antd的上载组件中更改上载文本？

Question

我想在antd中上传时自定义上传组件中的“正在上传”文本。但是我在antd doc中找不到任何可以帮助我的东西。 这是文档： https://ant.design/components/upload/

Answer 1

要更改content的位置，您需要自定义top和left。 我也更改了其他元素的CSS属性（加号图标的红色，另一张卡的上载文本）。您可以根据需要更改它们。这是一个快速的demo。

/* plus +  icon*/
.ant-upload-select-picture-card i {
  font-size: 32px;
  color: red;
}
/* Upload text*/
.ant-upload-select-picture-card .ant-upload-text {
  margin-top: 8px;
  color: red;
}

/* Uploading... text*/
.ant-upload-list-item-info
  > span
  > div[class="ant-upload-list-item-uploading-text"] {
  visibility: hidden;
}


/* you need to customise top and left css attribute */
.ant-upload-list-item-info
  > span
  > div[class="ant-upload-list-item-uploading-text"]:after {
  content: "Wait ?";
  visibility: visible;
  display: block;
  position: absolute;
  padding: 1px;
  top: 10px;
  left: 10px;
}