Reactjs 如何更改antd中上载组件中的上载文本?
我想自定义上传组件中的“上传”文本,同时在antd中上传。但是我在antd doc里找不到任何东西可以帮助我。 这是文件:Reactjs 如何更改antd中上载组件中的上载文本?,reactjs,antd,Reactjs,Antd,我想自定义上传组件中的“上传”文本,同时在antd中上传。但是我在antd doc里找不到任何东西可以帮助我。 这是文件: 要更改内容的位置,您需要自定义顶部和左侧。 我也改变了其他元素的CSS属性(加号图标的红色,上传另一张卡片的文本)。您可以根据需要进行更改。这里有一个快速的例子 尝试进入拥有上传进度条的组件并查看其属性,或者您可以尝试通过css或JS进入元素的id。你能给我看一些代码吗? /* plus + icon*/ .ant-upload-select-picture-card
要更改
内容的位置
,您需要自定义顶部
和左侧
。
我也改变了其他元素的CSS属性(加号图标的红色,上传另一张卡片的文本)。您可以根据需要进行更改。这里有一个快速的例子
尝试进入拥有上传进度条的组件并查看其属性,或者您可以尝试通过css或JS进入元素的id。你能给我看一些代码吗?
/* 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;
}