~

src/components/TheHeader.vue

@@ -21,10 +21,17 @@ const NavList = [
     label: '系列课程',
   },
   {
-    id: '/jzjx',
+    id: 'http://127.0.0.1:5505/page/task.html',
     label: '精准教学',
   },
 ]
+
+function browserOpen(path: string) {
+  if (path.startsWith('http'))
+    window.open(path, '_self')
+  else
+    router.push(path)
+}
 </script>
 
 <template>
@@ -46,7 +53,7 @@ const NavList = [
   </div>
   <div class="flex items-center justify-center bg-blue-600 text-lg text-light-50">
     <div class="w-1200px flex">
-      <div v-for="item in NavList" :key="item.id" class="h-64px w-120px cursor-pointer text-center leading-64px hover:bg-blue-500" @click="router.push(item.id)">
+      <div v-for="item in NavList" :key="item.id" class="h-64px w-120px cursor-pointer text-center leading-64px hover:bg-blue-500" @click="browserOpen(item.id)">
         {{ item.label }}
       </div>
     </div>

src/pages/jzjx.vue

@@ -1,8 +0,0 @@
-<!-- 精准教学 -->
-<script setup lang='ts'>
-
-</script>
-
-<template>
-  <div>精准教学</div>
-</template>