<template>
  <div class="wrapper">
    <div class="content">
      <div class="page404-bg" :style="{ 'background-image': `url(${errorImg})` }"></div>
      <p class="page404-text">Sorry！您访问的页面不存在...</p>
    </div>
  </div>
</template>

<script>
import ossConfig from '@/assets/ossConfig.js'

export default {
    name: 'Error',
    data () {
        return {
            tagsList: [],
            collapse: false,
            showView: true,
            userInfo: {},
            errorImg: ossConfig.staticResourcesFileBucket.domain + '/Common/404.png'
        }
    },
    components: {
    },
    methods: {
    },
    created () {
    }
}
</script>

<style lang="less" scoped>
.wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  color: #a9a9a9;
  .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    .page404-bg {
      // background-image: url(~@/assets/images/404.png);
      background-repeat: no-repeat;
      background-size: 100% 100%
    }
     @media screen and (min-width: 640px) {
      .page404-bg{
        width:484px;
        height: 380px
      }
      .page404-text {
        margin-top: 30px;
        font-size: 26px
      }
    }
    @media screen and (min-width: 320px) and (max-width:640px) {
     .page404-bg{
        width:320px;
        height: 251px
      }
      .page404-text {
        margin-top: 10px;
        font-size: 18px
      }
    }
  }
}

</style>
