Bootstrap

UNIAPP----图片最多显示三张,超出则半透明显示剩余数量

 

v-show判断下标小于2,则显示三张,如果图片数组长度超出2,让第三张透明,并显示剩余图片数量

<view>
	<view v-for="(it, index) in item.img_json" v-show="index < 2">
		<u-image :src="it"></u-image>
	</view>
	<view v-if="item.img_json.length > 2" :style="{ background: `url(${item.img_json[2]})` }">
		<view>
			+{{ item.img_json.length - 2 }}
	    </view>
</view>
;