mirror of
https://github.com/LifeArchiveProject/WeChatDataAnalysis.git
synced 2026-02-19 22:30:49 +08:00
- 主题系统新增 win98(显示名 Windows 98,快捷键扩展到 F1-F4),并区分 retro(pixel/CRT) 与桌面 GUI 主题 - 年度总结页新增 Win98 桌面背景与底部任务栏(背景色/视口高度适配) - 封面与卡片 slide 形态支持 Win98 窗口外观(title bar/icon/controls) - 主题切换器补充 Win98 选项并新增 Win98 专属切换器 - 新增 Win98 图标资源(Start + 桌面图标)
32 lines
830 B
Vue
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>
|