f

src/router/index.js

@@ -3,11 +3,11 @@ import { createRouter, createWebHistory } from 'vue-router';
 const routes = [
     {
         path: '/',
-        redirect: 'navigation'
+        redirect: 'home'
     },
     {
-        path: '/navigation',
-        name: 'navigation',
+        path: '/home',
+        name: 'home',
         component: () => import('@/views/layout.vue'),
         children: [
             {
@@ -23,7 +23,7 @@ const routes = [
         component: () => import('@/views/layout.vue'),
         children: [
             {
-                path: '/about1',
+                path: 'about1',
                 name: 'about1',
                 component: () => import('@/views/about/index.vue')
             },

src/views/layout.vue

@@ -4,9 +4,10 @@
        class="100vw">
     <div style="height:80px;background:#000;"
          class="color-white row items-center">
-      <div class="col-4 ">延庆博物馆</div>
+      <div class="col-4 row items-center justify-center"><img src="../assets/image/icon-title.png"
+             style="width:40px;height:40px" /><span class="fl-ml-sm">延庆博物馆</span></div>
 
-      <div class="col-6  row justify-around items-center">
+      <div class="col-6 row justify-around items-center">
 
         <div class="cursor header-title">首页</div>
         <div class="cursor header-title">导航</div>