优化移动端404图片大小

This commit is contained in:
eoao
2025-07-05 23:28:17 +08:00
parent cfebeb1fda
commit b0daf8f5fd
5 changed files with 13 additions and 11 deletions

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;

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" />