feat: 页面创建

src/router/index.js

@@ -2,6 +2,10 @@ import Vue from 'vue'
 import VueRouter from 'vue-router'
 import VueRouter from 'vue-router'
 import HomePageWrapper from '@/views/Home/HomePageWrapper.vue'
 import HomePageWrapper from '@/views/Home/HomePageWrapper.vue'
 import IndexPage from '@/views/Home/IndexPage.vue'
 import IndexPage from '@/views/Home/IndexPage.vue'
+import AboutPage from '@/views/Home/AboutPage.vue'
+import ColorfulPage from '@/views/Home/ColorfulPage.vue'
+import CulturePage from '@/views/Home/CulturePage.vue'
+import JoinUsPage from '@/views/Home/JoinUsPage.vue'
 
 
 Vue.use(VueRouter)
 Vue.use(VueRouter)
 
 
@@ -16,6 +20,26 @@ const routes = [
         name: 'IndexPage',
         name: 'IndexPage',
         component: IndexPage,
         component: IndexPage,
       },
       },
+      {
+        path: '/about',
+        name: 'AboutPage',
+        component: AboutPage,
+      },
+      {
+        path: '/colorful',
+        name: 'ColorfulPage',
+        component: ColorfulPage,
+      },
+      {
+        path: '/culture',
+        name: 'CulturePage',
+        component: CulturePage,
+      },
+      {
+        path: '/join-us',
+        name: 'JoinUsPage',
+        component: JoinUsPage,
+      },
     ],
     ],
   },
   },
 ]
 ]

src/views/Home/AboutPage.vue

+<template>
+  <div class="about-page">关于</div>
+</template>

src/views/Home/ColorfulPage.vue

+<template>
+  <div class="colorful-page">多彩 Joshine</div>
+</template>

src/views/Home/CulturePage.vue

+<template>
+  <div class="culture-page">企业文化</div>
+</template>

src/views/Home/JoinUsPage.vue

+<template>
+  <div class="join-us-page">加入我们</div>
+</template>