49 lines
923 B
Vue
49 lines
923 B
Vue
<template>
|
||
<main class="not-found">
|
||
<div class="card">
|
||
<p class="code">404</p>
|
||
<h1>页面不存在</h1>
|
||
<p>当前前端只保留腾讯浏览器兑换页，这个地址没有对应页面。</p>
|
||
<RouterLink to="/tx">前往兑换入口</RouterLink>
|
||
</div>
|
||
</main>
|
||
</template>
|
||
|
||
<style scoped>
|
||
.not-found {
|
||
min-height: 100vh;
|
||
display: grid;
|
||
place-items: center;
|
||
padding: 24px;
|
||
}
|
||
|
||
.card {
|
||
width: min(560px, 100%);
|
||
padding: 40px;
|
||
border-radius: 28px;
|
||
background: rgba(255, 255, 255, 0.92);
|
||
box-shadow: 0 18px 64px rgba(17, 38, 78, 0.12);
|
||
text-align: center;
|
||
}
|
||
|
||
.code {
|
||
margin: 0;
|
||
color: var(--color-accent);
|
||
font-family: var(--font-mono);
|
||
letter-spacing: 0.2em;
|
||
}
|
||
|
||
h1 {
|
||
margin: 8px 0 16px;
|
||
font-size: clamp(30px, 5vw, 46px);
|
||
}
|
||
|
||
a {
|
||
display: inline-flex;
|
||
margin-top: 20px;
|
||
color: var(--color-accent);
|
||
text-decoration: none;
|
||
font-weight: 700;
|
||
}
|
||
</style>
|