uniapp图片渲染

img

img


请问一下我从后端请求返回的数据里需要把图片进行渲染出来 如果只有一张图的话就是大图 如果超过一张的话就是类似九宫格的小图 我应该怎么实现呢

判断有几张图可以通过获取数据的长度来判断,你所说的超过一张按照九宫格,意思是数量越多图越小,还是只要超过一张,每一张的大小都是固定的,并且可以滚动,如果是第二种情况的话,你可以写两个div,在第二个div里面再套一个标签,长度=1,循环渲染第一个div,长度>1,循环渲染第二个div中的标签

<image :style="data.length>0 ? 'width:100%':'width:30%'" v-for="item in data" :src="item"></image>  

类似于这样