uniapp grid布局

<!-- 专题 -->
		<view class="theme" >
			<common-title>
				<template #name >专题精选</template>
				<template #custom >
					<navigator url="" class="more" >More +</navigator>
				</template>
			</common-title>
		<view class="content" >
			<theme-item v-for="(item, indx) in 8" :key="index"></theme-item>
		</view>
		</view>

.theme {
		padding-top:  50rpx;
		.more {
			font-size: 32rpx;
			color: #888;
			
		}
		.content {
			margin-top: 30rpx;
			padding:0 30rpx ;
			display: grid;
			gap:15rpx;
			grid-template-columns: repeat(3,1fr);
		}
	}