【uni】微信朋友圈图片九宫格样式

html

	<view class="_contentimgList">
		<view class="wrap" v-for="(bean,index) in imgList" :key="index">
			<image :src="bean" mode="heightFix" />
		</view>
	</view>	

imgList: [图1，图1，图1，图1],//图片数组结构

css代码

._contentimgList {
   
				display: flex;
				flex-wrap: wrap;
				margin: 10rpx 0;


				.wrap {
   

					position: relative;
					overflow: hidden;
					// margin-bottom: 2%;
				}

				/*  3张图片  */
				.wrap:nth-child(1):nth-last-child(3),
				.wrap:nth-child(2):nth-last-child(2),
				.