|
@@ -12,7 +12,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="right">
|
|
|
- <img src="https://img-blog.csdnimg.cn/9eb1d85a417f4ed1ba7107f149ce3da1.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAbHl0LXRvcA==,size_16,color_FFFFFF,t_70,g_se,x_16" alt=""/>
|
|
|
+ <img :src="getImageUrl('/public/404.png')" alt=""/>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -24,6 +24,7 @@ import { useRouter } from 'vue-router';
|
|
|
import { storeToRefs } from 'pinia';
|
|
|
import { useThemeConfig } from '/@/stores/themeConfig';
|
|
|
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
|
|
|
+import { getImageUrl } from "/@/utils/tools";
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: '404',
|
|
@@ -49,6 +50,7 @@ export default defineComponent({
|
|
|
return {
|
|
|
onGoHome,
|
|
|
initTagViewHeight,
|
|
|
+ getImageUrl
|
|
|
};
|
|
|
},
|
|
|
});
|
|
@@ -103,10 +105,9 @@ export default defineComponent({
|
|
|
animation-name: error-img;
|
|
|
animation-duration: 2s;
|
|
|
animation-fill-mode: forwards;
|
|
|
- img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- }
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
}
|
|
|
}
|
|
|
}
|