init

src/pages/404.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="main-error">
+    <div class="iconfont error-icon">404</div>
+    <p class="error">找不到页面了</p>
+    <button class="error-button" @click="jumpUrl">返回登录页</button>
+    <Back></Back>
+  </div>
+</template>
+
+<script>
+import Back from '@components/Back.vue'
+export default {
+  components: {
+    Back
+  },
+  methods: {
+    jumpUrl () {
+      this.$router.push('/')
+    }
+  }
+}
+</script>
+
+<style lang="stylus" scoped>
+.main-error
+  position absolute
+  left 30%
+  top calc(50% - 1rem)
+  width 40%
+  max-height 300px
+  text-align center
+.error-icon
+  font-size 1rem
+.error
+  line-height .3rem
+.error-button
+  padding 0 .2rem
+  line-height .3rem
+  border 1px solid #ffffff
+  text-align center
+  background none
+  margin-top .2rem
+  border-radius 5px
+</style>