页面修改

src/layouts/HomeLayout.vue

@@ -35,16 +35,20 @@
           },
           desc: "這是一家非常牛逼的旅遊網站"
         },
-        headType: 0,
-        dataList:{}
+        headType: 1,
+        dataList: {}
       };
     },
     created() {
+      console.log("111");
       this.$root.$on('change-head-style', param => {
         this.changeHeadHandler(param);
-        this.getData();
+
       })
     },
+    mounted() {
+      this.getData();
+    },
     methods: {
       changeHeadHandler(t) {
         this.headType = t;
@@ -57,15 +61,13 @@
           res => {
             console.log(res);
             if (res.data.resultCode == 1) {
-              this.dataList=res.data.data;
-              if(this.dataList){
-                this.baseinfo.logo=this.dataList.Config.Logo;
-                this.baseinfo.name=this.dataList.Config.Name;
-                this.baseinfo.nav.navs=this.dataList.HeaderList;
-                this.baseinfo.nav.bg=this.dataList.Config.BgColor;
+              this.dataList = res.data.data;
+              if (this.dataList) {
+                this.baseinfo.logo = this.dataList.Config.Logo;
+                this.baseinfo.name = this.dataList.Config.Name;
+                this.baseinfo.nav.navs = this.dataList.HeaderList;
+                this.baseinfo.nav.bg = this.dataList.Config.BgColor;
               }
-            } else {
-
             }
           },
           err => {}

src/pages/About.vue

 <template>
-    <div>
-        关于我们
-    </div>
+  
+    <q-page>
+      <div>
+          关于我们
+      </div>
+    </q-page>
+ 
 </template>
 <script>
   export default {
-    props: [],
+    name: "PageAbout",
     data() {
       return {
-        
+        obj:{},
       };
     },
     created() {},
-    mounted() {
-    },
+    mounted() {},
     methods: {
 
     },

src/router/routes.js

 const routes = [{
     path: '/',
     component: () =>
-        import ('layouts/HomeLayout.vue'),
+      import('layouts/HomeLayout.vue'),
     children: [{
-        path: '',
+        path: '/Index',
         component: () =>
-            import ('pages/Index.vue')
-    }]
-}]
+          import('pages/Index.vue')
+      },
+      {
+        path: '/About',
+        component: () =>
+          import('pages/About.vue')
+      }
+    ]
+  },
+
+]
 
 // Always leave this as last one
 if (process.env.MODE !== 'ssr') {
-    routes.push({
-        path: '*',
-        component: () =>
-            import ('pages/Error404.vue')
-    })
+  routes.push({
+    path: '*',
+    component: () =>
+      import('pages/Error404.vue')
+  })
 }
 
-export default routes
\ No newline at end of file
+export default routes