微信小程序如何添加图片?

微信小程序如何添加图片?

图片作为微信小程序界面UI的必要素之一,应用场景非常广泛且基础。我们可以使用小程序的image组件来加载图片,下面为大家示例。

我们先打开home.wxml文件,将其改为如下代码:

开发者工具加载项目代码,页面渲染,可以显示图片了。组件有很多属性,比如可以通过style属性指定样式(代码如下),自定义设置图片的高度和宽度,并渲染结果。

src=”https://www.jb51.net/images/logo.gif”

style=”height: 375rpx; width: 375rpx;”

>

我们除了在image组件里添加图片样式,也可以在WXSS 样式文件里写。