@import '~antd/es/style/themes/default.less'; @imgSrc: '../../../../assets/images/file'; .uploadBox, .uploadBoxImg { .iconImg { width: 45px; height: 45px; margin: 0 auto; &[type='通用'] { background: url('@{imgSrc}/通用.png'); background-size: 100% 100%; } &[type='jpg'] { background: url('@{imgSrc}/JPG.png'); background-size: 100% 100%; } &[type='png'] { background: url('@{imgSrc}/PNG.png'); background-size: 100% 100%; } &[type="mp3"] { background: url('@{imgSrc}/音乐.png'); background-size: 100% 100%; } &[type="mp4"] { background: url('@{imgSrc}/视频.png'); background-size: 100% 100%; } &[type='docx'] { background: url('@{imgSrc}/Word.png'); background-size: 100% 100%; } &[type='xlsx'], &[type='xls'] { background: url('@{imgSrc}/Excel.png'); background-size: 100% 100%; } &[type='PDF'] { background: url('@{imgSrc}/PDF.png'); background-size: 100% 100%; } } } .uploadBoxImg { .@{ant-prefix}-upload-list-item-name { display: none !important; } }