Bunny-Cli/bunny-web-template
Bunny-Cli
/
bunny-web-template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/App.vue
View File

@ -1,22 +1,3 @@
<script lang="ts" setup></script>
<template> <template>
<router-view /> <router-view />
</template> </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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 232 KiB

0
src/assets/images/404.png → src/assets/images/error/404.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

0
src/assets/images/404_cloud.png → src/assets/images/error/404_cloud.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

8
src/views/error-page/404.vue
View File

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