<template>
	<view class="fans">
		<view class="lately">
			<view class="title">最新</view>
			<view class="items">
				<view v-for="(item, index) in 3" :key="index">
					<FansItem></FansItem>
				</view>
			</view>
		</view>
		<view class="before">
			<view class="title">早前</view>
			<view class="items">
				<view v-for="(item, index) in 13" :key="index">
					<FansItem></FansItem>
				</view>
			</view>
		</view>
	</view>
</template>
<script>
import FansItem from '@/components/fans-item/index'
export default {
	data() {
		return {}
	},
	components: {
		FansItem
	}
};
</script>
<style lang="scss" scoped>
.fans {
	min-height: calc(100vh - var(--window-top));
    background: #ececec;
	.lately, .before {
		.title {
			font-size: 26rpx;
			color:rgba(101,101,101,1);
			padding: 20rpx 30rpx;
		}
	}
}
</style>