添加终身学习tab

components/TabNav.vue

 <template>
   <nav>
     <ul class="app-tab-nav">
-      <li v-for="(item, index) in list" :key="index" :class="{ 'is-active': item.value === active }">
-        <nuxt-link :to="item.path">{{ item.name }}</nuxt-link>
+      <li
+        v-for="(item, index) in list"
+        :key="index"
+        :class="{ 'is-active': item.value === active }"
+        @click="tabClick(item)"
+      >
+        <div class="item_name">{{ item.name }}</div>
+        <!-- <nuxt-link :to="item.path">{{ item.name }}</nuxt-link> -->
       </li>
     </ul>
   </nav>
@@ -13,6 +19,15 @@ export default {
   props: { list: { type: Array, default: () => [] }, active: { type: String } },
   data() {
     return {}
+  },
+  methods: {
+    tabClick(item) {
+      if (item.path === '/roadmap') {
+        window.location.href = '/roadmap'
+      } else {
+        this.$router.push(item.path)
+      }
+    }
   }
 }
 </script>
@@ -21,7 +36,7 @@ export default {
 .app-tab-nav {
   display: flex;
   overflow-x: scroll;
-  &::-webkit-scrollbar{
+  &::-webkit-scrollbar {
     display: none;
   }
   li {
@@ -29,8 +44,9 @@ export default {
     font-size: 0.14rem;
     line-height: 0.38rem;
     color: #333;
-    a{
+    .item_name {
       white-space: nowrap;
+      cursor: pointer;
     }
     &.is-active {
       border-bottom: 0.02rem solid #aa1941;

components/alumnus/TabNav.vue

@@ -11,8 +11,8 @@ export default {
       list: [
         { name: this.$t('menu.alumniChild.alumni'), path: '/alumnus', value: '1' },
         { name: this.$t('menu.alumniChild.alumniZijinghua'), path: '/alumnus/flower', value: '2' },
-        { name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story', value: '3' }
-        // { name: this.$t('menu.alumniChild.roadmap'), path: '/roadmap', value: '4' }
+        { name: this.$t('menu.alumniChild.alumniStory'), path: '/alumnus/story', value: '3' },
+        { name: this.$t('menu.alumniChild.roadmap'), path: '/roadmap', value: '4' }
       ]
     }
   }