<template>
  <tab-nav :list="list" v-bind="$attrs"></tab-nav>
</template>

<script>
import TabNav from '@/components/TabNav'
export default {
  components: { TabNav },
  data() {
    return {
      list: [
        { name: this.$t('menu.aboutChild.about'), path: '/about/introduce', value: '1' },
        { name: this.$t('menu.aboutChild.culture'), path: '/about/culture', value: '2' },
        { name: this.$t('menu.aboutChild.news'), path: '/about/news', value: '3' },
        { name: this.$t('menu.aboutChild.msg'), path: '/about/message', value: '6' },
        { name: this.$t('menu.aboutChild.openLesson'), path: '/about/lesson', value: '5' },
        { name: this.$t('menu.aboutChild.contact'), path: '/about/contact', value: '4' }
      ]
    }
  }
}
</script>

<style></style>
