微信小程序怎么在wxml中插入多个图片_22. 教你零基础搭建小程序:小程序的常见组件(2)- image

本文介绍了微信小程序中Image组件的使用,包括如何通过src属性设置图片路径,mode属性的不同模式如aspectFit、aspectFill、widthFix对图片尺寸的影响,以及lazy-load属性实现图片懒加载的功能。通过对不同属性的实践操作,帮助读者深入理解小程序图片展示的技巧。
摘要由CSDN通过智能技术生成

大家好~今天讲小程序的常见组件—— image 图片标签

小程序中的图片标签相当于 web 中的图片标签 ,但也存在着不同之处。

例如:小程序在后期要打包上线时,对图片的大小是有要求的,图片要<2M

所以,我们在使用图片时,统一使用外网图片,图片标签的默认宽度是320px,高度是240px

image 标签有很多属性,下面我们一一介绍:

9e8ad54467e4d36beae0dfe0cd4fe62c.png

(一)准备工作

首先,先准备一张本地图片,并将其上传至网络。

efe877a988193f96e67a7ed18ff1f832.png

方法:

1、使用 土豆图床 ,将图片上传至此,然后点击下方“上传”按钮,上传至百度。

ddd4171ce828859d064ceac4579cc58d.png

2、将图片生成的网址复制粘贴至浏览器打开,就可以看到此图片已上传至网络

af1e36ae4f92ac32a5261fd26fca354f.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值