图片作为微信小程序界面UI的必要素之一,应用场景非常广泛且基础。我们可以使用小程序的image组件来加载图片,下面为大家示例。
我们先打开home.wxml文件,将其改为如下代码:
<view>
<image src=”https://www.jb51.net/images/logo.gif”></image>
</view>
开发者工具加载项目代码,页面渲染,可以显示图片了。<image>组件有很多属性,比如可以通过style属性指定样式(代码如下),自定义设置图片的高度和宽度,并渲染结果。
<view>
<image
src=”https://www.jb51.net/images/logo.gif”
style=”height: 375rpx; width: 375rpx;”
></image>
</view>
我们除了在image组件里添加图片样式,也可以在WXSS 样式文件里写。