image组件有三个属性：src、mode、lazy-load。
src图片路径
lazy-load是boolean类型的属性，默认为false，如果设置为true就会开启懒加载模式，，当页面滚动到离图片很近的时候开始加载图片内容，基础库版本要求1.5.0
mode指定图片的显示模式，使用image组件一般会在样式文件为它指定一个特定的大小，image的大小和原始图片的大小不一样，需要进行缩放或者裁剪。mode就是用来指定裁剪或者缩放的属性
mode:
缩放scaleToFill不保持比例，使图片宽高完全拉伸至填满
aspectFit等比缩放了图片
aspectFill满屏,且不失比例,但是可能不能完整显示图片
widthFix宽度不变，高度自动变化保持原图宽高比不变
bootpm
center
left
right
topleft
topright
bottomleft
bootomright
在项目新建一个images目录（无法用微信开发工具新建和pages同级别的目录，直接到资源管理器打开pages所在工程，新建images文件夹），放置所需要的图片文件，
编辑
在加入images组件：
!--="container"viewclass="btn"imageclass="btn-img"src="/imgs/"mode="widthFix"/image单选投票/viewviewclass="btn"imageclass="btn-img"src="/imgs/"mode="widthFix"/image多选投票/view/view
在为images组件添加样式：
.btn{margin:20rpx;padding:10rpx;border:1rpxsolid26AB28;display:flex;justify-content:center;align-items:center;}.btn-img{width:50rpx;margin-right:30rpx;}
效果如图
版权声明：本站所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请举报，一经查实，本站将立刻删除。