當前位置:編程學習大全網 - 網站源碼 - Ui源代碼共享

Ui源代碼共享

在前端項目中,圖片的加載也是很重要的壹點。優化的方向大多在加載方式和加載過程。加載方式也比較懶,但是在加載的過程中,似乎方式更加多樣。包括:加載的圖片分為本地圖片和遠程圖片。加載前的默認占位圖片,加載過程中的動畫或異步同步,加載錯誤的處理。

好了,廢話少說。不管有多少理論,正文其實都是在用別人做的輪子。在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來自定義它們。

  • 上一篇:如何看待layui 官網將於 2021年10月13日 進行下線?
  • 下一篇:福特野馬有哪些選配是必選的?
  • copyright 2024編程學習大全網