ctxx-xcx/ctxx_xcx/pages/loading/index.vue

<template>
	<view class="content">
		<view class="swiper">111</view>
		<view class="gg">
			<view class="gg-list" v-for="item in 10">
				11
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.content{
		display: grid;
		padding: 20rpx 30rpx;
		grid-template-rows: 600rpx 100rpx;
		// grid-template-columns: 700rpx auto;
		.gg{
			background-color: red;
			line-height: 100rpx;
			grid-template-columns: repeat(auto-fill,100rpx);
			grid-gap: 20rpx 20rpx;
			.gg-list{
				padding: 30rpx;
				background-color: #000;
				color: #fff;
			}
		}
		.swiper{
			background-color: #333;
			padding: 20rpx;
		}
		view{
			display: inline-grid;
		}
	}
</style>