html代码
<view class="view-list" style="">
<view class="view-item" v-for="(item,index) in 10">
{{item}}
</view>
</view>
css代码
.view-list{
width: 100%;
margin-top:40rpx;
margin-bottom: 40rpx;
display: grid;
grid-template-columns: repeat(2,1fr);
grid-template-rows:repeat(2,1fr); ;
gap: 30rpx;
}
.view-item{
width: 100%;
height: 450rpx;
border-radius: 20rpx;
overflow: hidden;
background-color:darkred;
}