Files
WeChatDataAnalysis/frontend/components/wrapped/shared/WrappedThemeSwitcherModern.vue
2977094657 980f15d0a4 feat(wrapped-ui): 新增 Win98 主题与桌面化外观
- 主题系统新增 win98(显示名 Windows 98,快捷键扩展到 F1-F4),并区分 retro(pixel/CRT) 与桌面 GUI 主题
- 年度总结页新增 Win98 桌面背景与底部任务栏(背景色/视口高度适配)
- 封面与卡片 slide 形态支持 Win98 窗口外观(title bar/icon/controls)
- 主题切换器补充 Win98 选项并新增 Win98 专属切换器
- 新增 Win98 图标资源(Start + 桌面图标)
2026-02-02 00:07:09 +08:00

32 lines
830 B
Vue

<template>
<div class="flex items-center gap-2">
<span class="text-xs text-[#00000099]">Theme</span>
<div class="inline-flex rounded-lg border border-[#EDEDED] overflow-hidden">
<button
v-for="t in themes"
:key="t.value"
class="px-3 py-1.5 text-xs wrapped-label transition-colors"
:class="[
theme === t.value
? 'bg-[#07C160] text-white'
: 'bg-white text-[#333] hover:bg-[#F5F5F5]'
]"
@click="setTheme(t.value)"
>
{{ t.label }}
</button>
</div>
</div>
</template>
<script setup>
const { theme, setTheme } = useWrappedTheme()
const themes = [
{ value: 'off', label: 'Modern' },
{ value: 'gameboy', label: 'Game Boy' },
{ value: 'dos', label: 'DOS' },
{ value: 'win98', label: 'Win98' }
]
</script>