refactor: 图片重构
This commit is contained in:
parent
2458802210
commit
380a1e4f5a
19
src/App.vue
19
src/App.vue
|
@ -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>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 232 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue