Как изменить Загрузка текста в компоненте загрузки в antd?

Question

Я хочу настроить «загрузку» текста в компоненте загрузки при загрузке в antd. Но я не могу найти в antd doc ничего, что могло бы мне помочь. вот документ: https://ant.design/components/upload/

Answer 1

Чтобы изменить положение content, необходимо настроить top и left. Я также изменил атрибуты CSS других элементов (красный цвет значка плюс, Загрузить текст другой карты). Вы можете изменить их в соответствии с вашими потребностями. Вот быстрое демо .

/* 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;
}