<template>
  <div class="home">
		<VirtualList
			:size="210"
			:remain="10"
		>
		</VirtualList>
  	<div class="home-right">
  		<ColumnIntro :position="'right'" />
  	</div>
  </div>
</template>

<script>
// @ is an alias to /src
import ColumnIntro from '@/components/home/ColumnIntro.vue'
import VirtualList from '@/components/virtual-list/VirtualList.vue'

export default {
	name: 'Home',
	data() {
		return {
		}
	},
  components: {
    ColumnIntro,
		VirtualList
	}
}
</script>

<style scoped>
	.home{
		width: 1200px;
		display: flex;
		justify-content: center;
		color: #c2c4cd;
	}
	.home-right{
		width: 344px;
		background-color: #15171e;
	}
</style>
