<template>
  <div class="404 page_container">
    <div class="img">
      <img src="@/assets/images/404.png">
    </div>
    <p>很抱歉，您访问的页面不存在...</p>
    <div class="btn-bar">
      <el-button type="primary" @click="back" size="small">返回上一页</el-button>
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    back() {
      this.$router.go(-1)
    }
  }
}
</script>
<style scoped>
.page_container{
  text-align:center;
}
.img{
  padding-top:50px;
  text-align:center;
}
p{
  font: 24px/100px Arial,Helvetica,Microsoft YaHei;
  color: #3f3b3a;
  text-align:center;
}
</style>