<template>
	<view class="collection">
		<view class="item-box" v-for="(item, index) in 5" :key="index">
			<videoItem></videoItem>
		</view>
	</view>
</template>
<script>
import videoItem from "@/components/index/video-item/index" 
export default {
	data() {
		return {}
	},
	components: {
		videoItem
	}
};
</script>
<style lang="scss" scoped>
.collection {
	border-top: 1rpx solid #ECECEC;
	padding: 21rpx 30rpx 0;
	display: flex;
	flex-wrap: wrap;
	.item-box {
		&:not(:nth-child(2n)) {
			margin-right: 20rpx;
		}
	}
}
</style>