<template>
  <div class="err-container">
    <img class="error-404" src="../../assets/components/error/404.png" alt="页面未找到" />
    <div class="tit">很抱歉，您访问的页面已经断开...</div>
  </div>
</template>

<script>
export default {
  mounted () {
    // this.VueEvent.$emit('headerChange', '1-error') // 修改 头部导航
  }
}
</script>


<style lang="scss" scoped>
.err-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .error-404 {
    display: block;
    width: 60%;
    max-width: 600px;
    margin: 10% auto;
  }
  .tit {
    font-size: 24px;
    color: #313131;
    text-align: center;
  }
}
</style>
