49 lines
868 B
Vue
49 lines
868 B
Vue
<script setup>
|
||
import LeftNav from '../components/LeftNav.vue'
|
||
</script>
|
||
|
||
<template>
|
||
<div class="shell">
|
||
<div class="layout">
|
||
<LeftNav />
|
||
<main class="main">
|
||
<div class="wrap">
|
||
<p class="eyebrow">404</p>
|
||
<h1 class="title">这一页不存在</h1>
|
||
<p class="sub">链接可能已经失效，或者文章被撤回了。</p>
|
||
<RouterLink to="/" class="pill pill-ghost">回到时间线</RouterLink>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.main {
|
||
min-width: 0;
|
||
border-left: 1px solid var(--line);
|
||
border-right: 1px solid var(--line);
|
||
padding-bottom: 60px;
|
||
}
|
||
|
||
.wrap {
|
||
padding: 60px 26px;
|
||
}
|
||
|
||
.title {
|
||
font-size: 28px;
|
||
margin: 8px 0;
|
||
}
|
||
|
||
.sub {
|
||
color: var(--muted);
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
@media (max-width: 780px) {
|
||
.main {
|
||
border: 0;
|
||
}
|
||
}
|
||
</style>
|