uniapp css grid布局

 html代码

    
        {{item}}
    

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;
}