优化移动端404图片大小

This commit is contained in:
eoao
2025-07-05 23:28:17 +08:00
parent b54ed15114
commit c00a50936b
5 changed files with 13 additions and 11 deletions
+8 -6
View File
@@ -1,15 +1,17 @@
<script setup>
import router from "@/router/index.js";
</script>
<template>
<div class="box-404">
<el-empty class="empty" description="404错误, 找不到页面" >
<el-button type="primary" @click="router.replace({name: 'layout'})">返回首页</el-button>
<el-empty :image-size="isPhone ? 120 : 0" class="empty" description="404错误, 找不到页面" >
<el-button type="primary" @click="router.replace({name: 'layout'})">返回首页</el-button>
</el-empty>
</div>
</template>
<script lang="js" setup>
import router from "@/router/index.js";
let isPhone = window.innerWidth < 1025
</script>
<style scoped lang="scss">
.box-404 {
display: flex;
+1 -1
View File
@@ -260,7 +260,7 @@
<Icon icon="logos:telegram" width="30" height="30"/>
</template>
</el-button>
<el-button @click="jump('https://github.com/LaziestRen/cloud-mail')">
<el-button @click="jump('https://github.com/eoao/cloud-mail')">
github
<template #icon>
<Icon icon="codicon:github-inverted" width="22" height="22" />
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -6,8 +6,8 @@
<title></title>
<link rel="icon" href="/assets/favicon-C5dAZutX.svg" type="image/svg+xml">
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<script type="module" crossorigin src="/assets/index-Cv-M2b0c.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-DIaq3OYL.css">
<script type="module" crossorigin src="/assets/index-l4FdKzLy.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-QP0e2lOY.css">
</head>
<body>
<div id="loading-first">