好了,廢話少說。不管有多少理論,正文其實都是在用別人做的輪子。在element-UI的2.72版之前,標簽el-image並不存在。2.8後增加。主要增加了壹個懶加載和預覽功能。裝貨前和裝貨過程中的野蠻裝卸。
首先在node_modules下找到element-UI源碼包。
?
在element-UI下找到el-image的包。
?
源代碼分為兩部分:
?
妳可以在main.vue看到
?
加載前和加載中是壹個div標簽,類名el-image__placeholder,加載後和加載錯誤後分別是壹個div標簽和壹個img標簽。
然後加載前後風格變化。您可以覆蓋覆蓋類名el-image__placeholder和el-image__error來自定義它們。