feat(404): 新增404页面 (#124)

Author: vanoneang

src/assets/img/error-page/404.png

@@ -26,6 +26,15 @@ let homeRouter = [
     order: 1,
     right: ['查询所有日志'],
   },
+  {
+    title: '404',
+    type: 'view',
+    name: Symbol('404'),
+    route: '/404',
+    filePath: 'views/error-page/404.vue',
+    inNav: false,
+    icon: 'iconfont icon-rizhiguanli',
+  },
   bookConfig,
   adminConfig,
 ]

src/assets/img/error-page/logo.png

@@ -16,6 +16,10 @@ const routes = [
     name: 'login',
     component: () => import('@/views/login/Login'),
   },
+  {
+    redirect: '/404',
+    path: '*',
+  },
 ]
 
 export default routes

src/config/stage/index.js

@@ -0,0 +1,36 @@
+<template>
+  <div class="container" ref="container">
+    <img class="page-404" src="../../assets/img/error-page/404.png" alt="">
+    <img class="page-logo" src="../../assets/img/error-page/logo.png" alt="">
+  </div>
+</template>
+
+<script type="text/ecmascript-6">
+export default {
+  mounted() {
+    const headerHeight = 72
+    const { clientHeight } = document.body
+    this.$refs.container.style.height = `${clientHeight - headerHeight}px`
+  },
+}
+</script>
+
+<style scoped lang="scss">
+.container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  .page-404 {
+    width: 349px;
+    height: 190px;
+  }
+  .page-logo {
+    position: absolute;
+    right: 40px;
+    bottom: 40px;
+    width: 60px;
+    height: 98px;
+  }
+}
+</style>