错误页面 401 404 500

<template>
  <div class="fillcontain" >
      <div class="contain" ref="contain">
        <div class="errPage-container cflex wflex">
            <img class="errorImg" :src="errorImg" />
            <p class="errorTitle">401</p>
            <p class="errorTro">抱歉,您没有权限访问该页面。</p>
            <router-link :to="{path: '/'}">
              <el-button size="mini" type="primary">返回首页</el-button>
            </router-link>
        </div>
      </div>
  </div>
</template>

<script>
import errorImg from "@/assets/img/401.png"
import * as mutils from '@/utils/mUtils'

export default {
    name: 'page401',
    data() {
      return {
        errorImg:errorImg
      }
    },
  	mounted(){
       mutils.setContentHeight(this,this.$refs.contain,250);

		},
    methods: {
    }
}
</script>

<style lang="less" scoped>
    .contain{
      display: flex;
      justify-content: center;
      padding: 20px;
       .errPage-container {
          align-items: center;
          p{
            line-height: 30px;
          }
          .errorImg{
            width:286px;
            height: 325px;
            margin-bottom: 10px;
          }
          .errorTitle{
            color: rgba(0,0,0,.85);
            font-size: 24px;
          }
          .errorTro{
            color: rgba(0,0,0,.45);
           font-size: 14px;
          }
      a{
        text-decoration: underline;
      }
      .rows{
        height: 100%;
        .el-col{
          text-align: center;
          height: 100%;
        }
        .title{
          font-size: 170px;
          line-height: 1.2;
          color: #a9d86e;
        }
        .neirongItem{
          height: 100%;
          display: flex;
          justify-content: center;
          flex-direction: column;
          .tip{
            font-size: 30px;
            font-weight: bold;
            text-align: left;
          }
          .neirong{
            font-size: 20px;
            text-align: left;
          }
        }
      }
      .home{
        text-align: center;
      }
      .router-link-active:hover{
        color:#a9d86e;
        text-decoration: underline;
      }
    }
    }
   
</style>