li_chx
/
lichx-blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

🐛 更新主界面图片显示CSS

This commit is contained in:
li-chx 2025-11-16 20:18:48 +08:00
parent 0b83b687d9
commit 886fcfde70
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content

@ -1 +1 @@
Subproject commit c2459db584158403a05821f8a56327b9936cdbe1 Subproject commit 2865b12ed961e0d4d066e11c04052bd710cf24e2

8
layouts/UserLayout.vue
View File

@ -4,9 +4,7 @@ import useColorModeStore from '~/stores/colorModeStore';
import { useWindowScroll } from '@vueuse/core'; import { useWindowScroll } from '@vueuse/core';
const { colorMode } = storeToRefs(useColorModeStore()); const { colorMode } = storeToRefs(useColorModeStore());
watch(colorMode, () => {
console.log('colorMode changed:', colorMode.value);
});
const isHome = computed(() => useRoute().path === '/'); const isHome = computed(() => useRoute().path === '/');
const items = ref<NavigationMenuItem[]>([ const items = ref<NavigationMenuItem[]>([
{ {
@ -84,12 +82,12 @@ onMounted(() => {
}" @mouseleave="collapsed = true"> }" @mouseleave="collapsed = true">
<div <div
v-if="colorMode === 'light'" v-if="colorMode === 'light'"
class="flex w-full h-full absolute bg-[url('/79d52228c770808810a310115567e6790380823a.webp')] bg-cover bg-top "> class="flex bg-top absolute w-full h-full bg-[url('/79d52228c770808810a310115567e6790380823a.webp')] ">
<slot name="header"/> <slot name="header"/>
</div> </div>
<div <div
v-else v-else
class="flex w-full h-full max-h-80 absolute bg-[url('/anime-8788959.webp')] bg-cover bg-center"> class="flex bg-top absolute w-full h-full bg-[url('/anime-8788959.webp')]">
<slot name="header"/> <slot name="header"/>
</div> </div>
<!-- header picture --> <!-- header picture -->

3
package.json
View File

@ -36,8 +36,11 @@
"packageManager": "pnpm@10.18.0", "packageManager": "pnpm@10.18.0",
"devDependencies": { "devDependencies": {
"@iconify-json/clarity": "^1.2.4", "@iconify-json/clarity": "^1.2.4",
"@iconify-json/codicon": "^1.2.32",
"@iconify-json/fluent": "^1.2.34",
"@iconify-json/lucide": "^1.2.68", "@iconify-json/lucide": "^1.2.68",
"@iconify-json/material-symbols": "^1.2.40", "@iconify-json/material-symbols": "^1.2.40",
"@iconify-json/octicon": "^1.2.19",
"@stylistic/eslint-plugin": "^5.4.0", "@stylistic/eslint-plugin": "^5.4.0",
"@stylistic/eslint-plugin-jsx": "^4.4.1", "@stylistic/eslint-plugin-jsx": "^4.4.1",
"@vue/eslint-config-typescript": "^14.6.0", "@vue/eslint-config-typescript": "^14.6.0",