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

图片作为微信小程序界面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 样式文件里写。


声明:本站部分文章来源于互联网,如有侵犯作者著作权,请及时与我们联系。

木鱼小铺小程序

为您推荐