<template>
	<div class="recommend">
		<!-- 热门版块 -->
		<div class="hot-box">
			<div class="hot-label" :class="{ 'active': hotActive == index }" v-for="(item, index) in list" :key="index"
				@click="hotLabelClick(index)">{{ item.label }}</div>
		</div>
		<!-- 路径 -->
		<plate-navigation stairname="香港澳门台湾" subsectionsname="SAT、AP考试、海外本科申…"></plate-navigation>
		<section>
			<index-list></index-list>
		</section>
	</div>
</template>

<script>
import plateNavigation from '@/components/PlateNavigation.vue'
import indexList from '@/components/IndexList'
export default {
	name: "Recommend",//推荐阅读
	data() {
		return {
			hotActive: -1,//热门版块活跃点击
			list: [
				{
					label: "香港留学"
				},
				{
					label: "香港留学"
				},
				{
					label: "香港留学"
				},
				{
					label: "香港留学"
				}
			]
		}
	},
	components: {
		plateNavigation,
		indexList,
	},
	methods: {
		hotLabelClick(index) {
			this.hotActive = index
		}
	}
}
</script>

<style></style>