优化移动端404图片大小
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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" />
|
||||
|
||||
Reference in New Issue
Block a user