mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-20 07:40:12 +08:00
61 lines
1.3 KiB
Vue
61 lines
1.3 KiB
Vue
<script setup lang="ts">
|
||
import { useTheme } from 'vuetify'
|
||
import misc404 from '@images/pages/404.png'
|
||
import miscMaskDark from '@images/pages/misc-mask-dark.png'
|
||
import miscMaskLight from '@images/pages/misc-mask-light.png'
|
||
import tree from '@images/pages/tree.png'
|
||
|
||
const vuetifyTheme = useTheme()
|
||
|
||
const authThemeMask = computed(() => {
|
||
return vuetifyTheme.global.name.value === 'light' ? miscMaskLight : miscMaskDark
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<div class="misc-wrapper">
|
||
<ErrorHeader
|
||
error-code="404"
|
||
error-title="页面不存在 ⚠️"
|
||
error-description="您想要访问的页面不存在，请检查地址是否正确."
|
||
/>
|
||
|
||
<!-- 👉 Image -->
|
||
<div class="misc-avatar w-100 text-center">
|
||
<VImg
|
||
:src="misc404"
|
||
alt="Coming Soon"
|
||
:max-width="800"
|
||
class="mx-auto"
|
||
/>
|
||
<VBtn
|
||
to="/"
|
||
class="mt-10"
|
||
>
|
||
返回
|
||
</VBtn>
|
||
</div>
|
||
|
||
<!-- 👉 Footer -->
|
||
<VImg
|
||
:src="tree"
|
||
class="misc-footer-tree d-none d-md-block"
|
||
/>
|
||
|
||
<VImg
|
||
:src="authThemeMask"
|
||
class="misc-footer-img d-none d-md-block"
|
||
/>
|
||
</div>
|
||
</template>
|
||
|
||
<style lang="scss">
|
||
@use "@core/scss/pages/misc.scss";
|
||
|
||
.misc-footer-tree {
|
||
inline-size: 15.625rem;
|
||
inset-block-end: 3.5rem;
|
||
inset-inline-start: 0.375rem;
|
||
}
|
||
</style>
|