element默認上傳成功和刪除以及文件列表圖標樣式：
UI需求樣式：
首先我們需要更換文件列表樣式：
我們選擇看到：是用的偽類:content:"\e785"
第一種方法：這個我們在阿里圖標庫中可以下載想要的圖標，把包引入到項目中，用字體圖標css文件中的content中的去替換掉el-icon-document的before中的content即可
如：
第二種方法：我們可以不用下載字體圖標，可以下載個svg圖標，通過把原有的el-icon-document字體圖標的color設為透明，背景圖引入我們的svg圖標圖片即可也可以實現替換：
小技巧：如果我們項目中現在要替換的圖標是個element中自帶的icon，比如這里文件列表的刪除圖標是個x號，我們想要替換成垃圾桶，這在element中是有這個圖標的，我們如何拿到里面的這個編碼？
我們點開element官網的圖標發現是個亂碼，這時我們可以去我們項目中有垃圾桶的頁面中去選中：就能看到這個編碼了
然后給當前文件列表的el-icon-close的before的content中做替換即可。這樣就是取了個巧，不用引阿里巴巴的圖標庫了，也不用第二種方法背景圖去做了。
下面粘貼一段文件列表修改樣式的代碼：達到我們上面UI想要的效果
// 文件上傳列表樣式修改
::v-deep .el-upload-list__item { margin-top: 10px; height: 30px; background: rgba(0, 0, 0, 0.02); border-radius: 6px; // 這是里面的 a 標簽
.el-upload-list__item-name { height: 30px; line-height: 30px; &:hover { color: #fe992c; } // 文件上傳成功后的列表樣式
.el-icon-document { background-image: url('~@/assets/icon_file.svg'); // 這個圖標只能放在 assets 中引，icon引會報錯
background-repeat: no-repeat; background-position: center center; color: rgba(0, 0, 0, 0); // 讓原本的icon圖標顏色與背景色一致，隱藏原本圖標（其實它還在）
} } // 列表后面的icon
.el-upload-list__item-status-label { height: 30px; line-height: 30px; } .el-icon-upload-success { display: none; } .el-icon-close { padding: 4px; border-radius: 4px; &:hover { background: #fbf1e6; color: #fa8c16; } } .el-icon-close:before { content: '\e6d7'; // 直接改icon圖標
} }