<template>
  <div class="container">
    <img class="error-image" src="@/assets/images/error-image.png" />
    <div class="container-right">
      <div class="error-mainInfoTwo">{{ defaultObj.error_two }}</div>
      <a-button style="margin-top: 30px" type="primary" @click="evBack">{{ defaultObj.button_text }}</a-button>
    </div>
  </div>
</template>

<script  setup>
import { useRoute, useRouter } from 'vue-router'
import {useI18n} from 'vue-i18n'
const {t} = useI18n();

const router = useRouter()
const route = useRoute()
const defaultObj = {
  button_text: t('error.Previous'),
  error_code: 404,
  error_two: t('error.notFound'),
  hasShowButton: true,
}

console.log(t('error.Previous'));

const evBack = () => {
  //
  router.go(-1)
  // window.console.log('跳转')
}
</script>

<style lang="less" scoped>
.container {
  display: flex !important;
  flex-direction: row !important;
  min-height: 100vh;
  flex: auto;
  background-color: @bg_color_4;
  align-items: center !important;
  justify-content: center !important;
}
.container-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  margin-left: 90px;
}
.error-mainInfoTwo {
  font-size: 36px;
  font-weight: bold;
  color: @text_color_1;
}
</style>
