<template>
|
<div class="page-content !border-0 !bg-transparent min-h-screen flex-cc">
|
<div class="flex-cc max-md:!block max-md:text-center">
|
<ThemeSvg :src="data.imgUrl" size="100%" class="!w-100" />
|
<div class="ml-15 w-75 max-md:mx-auto max-md:mt-10 max-md:w-full max-md:text-center">
|
<p class="text-xl leading-7 text-g-600 max-md:text-lg">{{ data.desc }}</p>
|
<ElButton type="primary" size="large" @click="backHome" v-ripple class="mt-5">{{
|
data.btnText
|
}}</ElButton>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { useCommon } from '@/hooks/core/useCommon'
|
import { useUserStore } from '@/store/modules/user'
|
const router = useRouter()
|
const userStore = useUserStore()
|
defineProps({
|
data: { required: true }
|
})
|
const { homePath } = useCommon()
|
const backHome = () => {
|
const targetHomePath = homePath.value || '/'
|
if (!userStore.isLogin) {
|
router.push({
|
name: 'Login',
|
query: { redirect: targetHomePath }
|
})
|
return
|
}
|
router.push(targetHomePath)
|
}
|
</script>
|
