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

网友投稿 711 2023-10-26

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

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

</view>

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

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

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

>

</view>

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

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序wxss和css样式有什么不同?
下一篇:微信小程序全新上线多端框架 支持快速构建移动应用
相关文章

 发表评论

暂时没有评论,来抢沙发吧~