blindDate/pages/my/qzone.vue

<template>
	<view>
		<view class="lf-m-t-40">
			<view class="lf-row-between lf-p-r-30">
				<view class="lf-font-32 lf-color-222 lf-p-l-30 march-tag">7月</view>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
			</view>
		</view>
		<view class="lf-m-t-40">
			<view class="lf-row-between lf-p-r-30">
				<view class="lf-font-32 lf-color-222 lf-p-l-30 march-tag">8月</view>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
				<image src="https://picsum.photos/seed/picsum/200/300" class="lf-p-l-20 qzone-img" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped="scoped">
	.qzone-img {
		width: 160rpx;
		height: 160rpx;
	}
	.march-tag {
		width: 160rpx;
		height: 160rpx;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
</style>