小程序分两栏如何显示图片？ - WXOPEN Club

<view style="display: flex;">
	<view style="width: 50%;">
		<image style=""  src="{{1}}" mode=" "></image>
	</view>
	<view style="width: 50%;">
		<image style="" src="{{1}}" mode=" "></image>
	</view>

代码如上。image无论是什么尺寸的，都不能完整显示。模式mode应该选择哪种？还是我代码写法不对？

wkong 1楼•5 年前

你这左右图片都对齐也叫瀑布流吗。。。

lixie 2楼•5 年前

加个容器

liguo 3楼•5 年前

我想实现类似这种效果

yuanxiuying 4楼•5 年前

你说的应该是瀑布流写法？display: flex后加个flex-wrap: wrap

mode用widthFix，固定宽度，高度自适应即可

li46 5楼•5 年前

要完整显示图片就会有可能拉伸图片/扭曲图片/图片部分空白

能完整显示图片的mode可以设置为：aspectFit

scaleToFill

如果要自适应，就是瀑布流的方式，mode用widthFix，固定宽度后

同时设置上层的容器能自动调整高端。宽度固定。