<template>
  <v-container fluid fill-height class="not-found-container">
    <v-layout class="align-center justify-center">
      <v-flex xs12 sm8 md6 lg5 xl3 class="text-center">
        <h1>抱歉，您访问的页面出错了</h1>
        <div class="text-subtitle-1">您可能输错了网址，或该网页已删除或不存在</div>
        <v-btn color="primary" dark :to="{ name: 'Dashboard' }" class="mt-6">返回主页</v-btn>
      </v-flex>
    </v-layout>
  </v-container>
</template>

<script>
export default {
  name: 'NotFound'
}
</script>

<style lang="scss" scoped>
.not-found-container {
  background-image: url(../../assets/img/404/bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
</style>