33 lines
604 B
Vue
33 lines
604 B
Vue
|
<template>
|
||
|
|
<div class="layout-error">
|
||
|
|
<img src="@/assets/404.png" alt="404" />
|
||
|
|
<div>
|
||
|
|
<el-button type="primary" @click="onBack">{{ $t('back') }}</el-button>
|
||
|
|
<el-button type="success" @click="onToHome">{{ $t('home') }}</el-button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { useRouter } from 'vue-router'
|
||
|
|
const router = useRouter()
|
||
|
|
|
||
|
|
const onBack = () => {
|
||
|
|
router.back()
|
||
|
|
}
|
||
|
|
const onToHome = () => {
|
||
|
|
router.replace('/')
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.layout-error {
|
||
|
|
img {
|
||
|
|
width: 800px;
|
||
|
|
}
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
</style>
|