底部

src/components/FooterPage/FooterPage.vue

@@ -7,22 +7,30 @@
         </div>
         <div class="box flex-1 d-flex flex-column" style="padding-left: 13%;">
           <div class="title">发现</div>
-          <span>创新挑战</span>
+          <span
-          <span>服务超市</span>
+            :key="find.id"
-          <span>孵化平台</span>
+            @click="$router.push(find.path)"
-          <span>产业平台</span>
+            class="pointer"
-          <span>在线社区</span>
+            v-for="find in finds"
+          >{{ find.name }}</span>
         </div>
         <div class="box flex-1 d-flex flex-column">
           <div class="title">资讯</div>
-          <span>行业资讯</span>
+          <span
-          <span>活动公告</span>
+            :key="item.id"
-          <span>政策查询</span>
+            @click="$router.push(item.path)"
+            class="pointer"
+            v-for="item in news"
+          >{{ item.name }}</span>
         </div>
         <div class="box flex-1 d-flex flex-column">
           <div class="title">联系我们</div>
-          <span>我要入驻</span>
+          <span
-          <span>人才招聘</span>
+            :key="arr.id"
+            @click="$router.push(arr.path)"
+            class="pointer"
+            v-for="arr in arrs"
+          >{{ arr.name }}</span>
           <div class="font-bold-24 mt-3" style="font-style: italic;">400-789-789</div>
         </div>
         <div class="box">
@@ -44,7 +52,21 @@
 <script>
 export default {
   data() {
-    return { str: '头部导航栏' };
+    return {
+      str: '头部导航栏',
+      finds: [
+        { id: 1, name: '创新挑战', path: '/Challenge/Solicitation' },
+        { id: 2, name: '服务超市', path: '/ServiceMarket/Institute' },
+        { id: 3, name: '孵化平台', path: '/Hatch/Space' },
+        { id: 4, name: '学习平台', path: '/Study' },
+      ],
+      news: [
+        { id: 5, name: '行业资讯', path: '/ItInformation' },
+        { id: 6, name: '双创活动', path: '/Activity' },
+        { id: 7, name: '创新政策', path: '/Policy' },
+      ],
+      arrs: [{ id: 8, name: '人才招聘', path: '/ContactUs' }],
+    };
   },
 };
 </script>