圖片作為微信小程序界面UI的必要素之一，應(yīng)用場景非常廣泛且基礎(chǔ)。我們可以使用小程序的image組件來加載圖片，下面為大家示例。

我們先打開home.wxml文件，將其改為如下代碼：

<view>
<image src=”https://www.jb51.net/images/logo.gif”></image>
</view>

開發(fā)者工具加載項(xiàng)目代碼，頁面渲染，可以顯示圖片了。<image>組件有很多屬性，比如可以通過style屬性指定樣式（代碼如下），自定義設(shè)置圖片的高度和寬度，并渲染結(jié)果。

<view>
<image
src=”https://www.jb51.net/images/logo.gif”
style=”height: 375rpx; width: 375rpx;”
></image>
</view>

我們除了在image組件里添加圖片樣式，也可以在WXSS 樣式文件里寫。