refactor: 图片重构

This commit is contained in:
Bunny 2025-02-26 12:27:12 +08:00
parent 2458802210
commit 380a1e4f5a
5 changed files with 4 additions and 23 deletions

View File

@ -1,22 +1,3 @@
<script lang="ts" setup></script>
<template>
<router-view />
</template>
<style scoped>
.logo {
height: 6em;
padding: 1.5em;
will-change: filter;
transition: filter 300ms;
}
.logo:hover {
filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
filter: drop-shadow(0 0 2em #42b883aa);
}
</style>

BIN
src/assets/images/bg/bg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

View File

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

View File

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -7,10 +7,10 @@ const router = useRouter();
<template>
<div class="page-container">
<div class="pic-404">
<img alt="404" class="pic-404__parent" src="@/assets/images/404.png" />
<img alt="404" class="pic-404__child left" src="@/assets/images/404_cloud.png" />
<img alt="404" class="pic-404__child mid" src="@/assets/images/404_cloud.png" />
<img alt="404" class="pic-404__child right" src="@/assets/images/404_cloud.png" />
<img alt="404" class="pic-404__parent" src="../../assets/images/error/404.png" />
<img alt="404" class="pic-404__child left" src="../../assets/images/error/404_cloud.png" />
<img alt="404" class="pic-404__child mid" src="../../assets/images/error/404_cloud.png" />
<img alt="404" class="pic-404__child right" src="../../assets/images/error/404_cloud.png" />
</div>
<div class="bullshit">
<div class="bullshit__oops">OOPS!</div>