blindDate/pages/test/test.vue

<template>
	<view class="content">
		<view class="item" :class="{'max-item': item == 0}" v-for="item in 6"></view>
	</view>
</template>

<style>
	page{
		background-color: #F6F6F6;
	}
</style>
<script>
	export default {
		data(){
			return {
				
			}
		},
		onLoad(){
			
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.content{
		width: 750rpx;
		height: max-content;
		background-color: #FFFFFF;
		box-sizing: border-box;
		padding: 27rpx;
		overflow: hidden;
		.item{
			width: 222rpx;
			height: 222rpx;
			background-color: #DD6161;
			float: left;
			margin: 5rpx;
		}
		.max-item{
			width: 454rpx;
			height: 454rpx;
		}
	}
</style>