在mpvue中使用img標簽的注意事項


在使用mpvue開發小程序過程中,在使用img標簽時出現問題,

<img :class="cdCls" width="40" height="40" :src="currentSong.image">發現圖片寬高並不是我們想象中的寬40,高40.
如下圖所示:
20190427160205.png
<img>標簽會被編譯成小程序中的<image>標簽
20190427160632.png.
在查看小程序官方文檔:
20190427160728.png
我們發現小程序的<image>標簽並沒有width\height屬性,所以在<img>標簽中的width\height並不會被編譯,所以需要寫成內聯樣式。
<img :class="cdCls" style="width:40px;height:40px" :src="currentSong.image">
效果如圖:
20190427161024.png


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM