增加支付成功页面

src/router/index.js

@@ -3,37 +3,44 @@ import Router from 'vue-router'
 
 Vue.use(Router)
 
-export const constantRoutes = [
-  {
-    path: '/login',
-    name: "登录",
-    component: () => import('@/views/login'),
-  },
-  {
-    path: '/',
-    redirect: '/EnterSys'
-  },
-  {
-    path: '/EnterSys',
-    name: "Personalcenter",
-    component: () => import('@/views/Personalcenter'),
-  },
-  // 404 page must be placed at the end !!!
-  { path: '*', redirect: '/404', hidden: true }
+export const constantRoutes = [{
+        path: '/login',
+        name: "登录",
+        component: () =>
+            import ('@/views/login'),
+    },
+    {
+        path: '/',
+        redirect: '/EnterSys'
+    },
+    {
+        path: '/EnterSys',
+        name: "Personalcenter",
+        component: () =>
+            import ('@/views/Personalcenter'),
+    },
+    {
+        path: '/OrderPaySuccess',
+        name: "OrderPaySuccess",
+        component: () =>
+            import ('@/views/OrderPaySuccess'),
+    },
+    // 404 page must be placed at the end !!!
+    { path: '*', redirect: '/404', hidden: true }
 ]
 
 const createRouter = () => new Router({
-  //mode: 'history', // require service support
-  scrollBehavior: () => ({ y: 0 }),
-  routes: constantRoutes
+    //mode: 'history', // require service support
+    scrollBehavior: () => ({ y: 0 }),
+    routes: constantRoutes
 })
 
 const router = createRouter()
 
 // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
 export function resetRouter() {
-  const newRouter = createRouter()
-  router.matcher = newRouter.matcher // reset router
+    const newRouter = createRouter()
+    router.matcher = newRouter.matcher // reset router
 }
 
-export default router
+export default router

src/views/OrderPaySuccess.vue

@@ -0,0 +1,59 @@
+<template>
+  <div class="paymentSuccess">
+    <Header />
+    <div class="main">支付成功</div>
+  </div>
+</template>
+
+<script>
+//这里可以导入其它文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+//例如：import 《组件名称》from ‘《组件路径》';
+import Header from "@/components/common/Header";
+
+export default {
+  //import引入的组件需要注入到对象中才能使用
+  components: { Header },
+  props: {},
+  data() {
+    //这里存放数据
+    return {};
+  },
+  //计算属性 类似于data概念
+  computed: {},
+  //监控data中数据变化
+  watch: {},
+  //方法集合
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）
+  created() {},
+  //生命周期 - 挂载完成（可以访问DOM元素）
+  mounted() {},
+  //生命周期-创建之前
+  beforeCreated() {},
+  //生命周期-挂载之前
+  beforeMount() {},
+  //生命周期-更新之前
+  beforUpdate() {},
+  //生命周期-更新之后
+  updated() {},
+  //生命周期-销毁之前
+  beforeDestory() {},
+  //生命周期-销毁完成
+  destoryed() {},
+  //如果页面有keep-alive缓存功能，这个函数会触发
+  activated() {},
+};
+</script>
+<style lang="scss" scoped>
+/* @import url(); 引入css类 */
+.paymentSuccess {
+  height: 100%;
+  .main {
+    font-size: 50px;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+</style>