PC端导航生效

src/components/Toolbar.vue

@@ -1,10 +1,12 @@
 <template>
   <div id="toproot">
     <div id="topbar">
-      <img
-          id="toplogo"
-          referrerpolicy="no-referrer"
-          src="/toplogo.png"/>
+      <a href="/">
+        <img
+            id="toplogo"
+            referrerpolicy="no-referrer"
+            src="/toplogo.png"/>
+      </a>
       <img
           id="topcode"
           class="label_1"
@@ -17,16 +19,28 @@
           src="/waptoptoolbarbuttom.png"/>
       <span id="rightcontent">
         <span class="toptext" id="hyal">
-          行业案例
+          <a href="/Examples"
+             style="text-decoration: none; color: inherit;">
+            行业案例
+          </a>
         </span>
         <span class="toptext" id="fwlc">
-          服务流程
+          <a href="/ServiceProcess"
+             style="text-decoration: none; color: inherit;">
+            服务流程
+          </a>
         </span>
         <span class="toptext" id="gywm">
-          关于我们
+          <a href="/Aboutus"
+             style="text-decoration: none; color: inherit;">
+            关于我们
+          </a>
         </span>
         <span class="toptext" id="lxwm">
-          联系我们
+          <a href="/ContactUs"
+             style="text-decoration: none; color: inherit;">
+            联系我们
+          </a>
         </span>
       </span>
 

src/router.js

@@ -16,6 +16,16 @@ const routes= [
         name: 'Aboutus',
         component: ()=>import('./components/Aboutus.vue')
     },
+    {
+        path: '/ServiceProcess',
+        name: 'ServiceProcess',
+        component: ()=>import('./components/ServiceProcess.vue')
+    },
+    {
+        path: '/Examples',
+        name: 'Examples',
+        component: ()=>import('./components/Examples.vue')
+    },
     {
         path: '/Err404',
         name: 'Err404',