52 lines
1.1 KiB
Vue
Executable File
52 lines
1.1 KiB
Vue
Executable File
<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.vue'
|
|
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> |