improvement(wrapped): 清理主题系统,Wrapped 固定 Modern

- 移除 useWrappedTheme 与主题切换入口(仅保留 Modern 视觉)

- 封面/卡片/年份选择器/热力图等组件去掉 Win98/Gameboy/DOS 分支与样式

- 删除 themedHeatColor、CRT/像素字体相关样式,降低维护成本
This commit is contained in:
2977094657
2026-02-18 23:02:50 +08:00
parent 967ad2a5fb
commit f2feaed666
20 changed files with 59 additions and 2812 deletions

View File

@@ -1,45 +1,6 @@
<template>
<div class="year-selector" :class="selectorClass">
<!-- Game Boy 风格 -->
<div v-if="theme === 'gameboy'" class="year-gameboy">
<div class="gameboy-year-box">
<button
class="gameboy-arrow"
:disabled="!canGoPrev"
@click="prevYear"
aria-label="Previous year"
></button>
<span class="gameboy-year-value">{{ modelValue }}</span>
<button
class="gameboy-arrow"
:disabled="!canGoNext"
@click="nextYear"
aria-label="Next year"
></button>
</div>
</div>
<!-- Win98 风格 -->
<div v-else-if="theme === 'win98'" class="year-win98">
<div class="win98-year-box">
<button
class="win98-arrow"
:disabled="!canGoPrev"
@click="prevYear"
aria-label="Previous year"
></button>
<span class="win98-year-value">{{ modelValue }}</span>
<button
class="win98-arrow"
:disabled="!canGoNext"
@click="nextYear"
aria-label="Next year"
></button>
</div>
</div>
<!-- Modern 风格下拉菜单默认 -->
<div v-else class="year-modern">
<div class="year-selector">
<div class="year-modern">
<div class="relative inline-flex items-center">
<select
class="appearance-none bg-transparent pr-5 pl-0 py-0.5 rounded-md wrapped-label text-xs text-[#00000066] text-right focus:outline-none focus-visible:ring-2 focus-visible:ring-[#07C160]/30 hover:bg-[#000000]/5 transition disabled:opacity-70 disabled:cursor-default"
@@ -81,8 +42,6 @@ const props = defineProps({
const emit = defineEmits(['update:modelValue'])
const { theme } = useWrappedTheme()
const currentIndex = computed(() => props.years.indexOf(props.modelValue))
const canGoPrev = computed(() => currentIndex.value > 0)
const canGoNext = computed(() => currentIndex.value < props.years.length - 1)
@@ -106,10 +65,6 @@ const onSelectChange = (e) => {
}
}
const selectorClass = computed(() => {
return `year-selector-${theme.value}`
})
// 全局左右键切换年份(所有主题)
const handleKeydown = (e) => {
if (props.years.length <= 1) return
@@ -144,102 +99,4 @@ onBeforeUnmount(() => {
display: flex;
align-items: center;
}
/* ========== Game Boy 风格 ========== */
.year-gameboy {
font-family: 'Press Start 2P', 'Courier New', monospace;
}
.gameboy-year-box {
display: flex;
align-items: center;
gap: 4px;
background: #0f380f;
border: 3px solid #306230;
padding: 6px 8px;
box-shadow:
inset 2px 2px 0 #9bbc0f,
inset -2px -2px 0 #0f380f;
}
.gameboy-arrow {
background: #306230;
border: none;
color: #9bbc0f;
font-size: 8px;
padding: 4px 6px;
cursor: pointer;
transition: background 0.1s;
}
.gameboy-arrow:hover:not(:disabled) {
background: #8bac0f;
color: #0f380f;
}
.gameboy-arrow:disabled {
opacity: 0.3;
cursor: not-allowed;
}
.gameboy-year-value {
color: #9bbc0f;
font-size: 10px;
min-width: 40px;
text-align: center;
letter-spacing: 2px;
}
/* ========== Win98 风格 ========== */
.year-win98 {
font-family: "MS Sans Serif", Tahoma, "Microsoft Sans Serif", "Segoe UI", sans-serif;
font-size: 11px;
}
.win98-year-box {
display: inline-flex;
align-items: center;
background: #c0c0c0;
padding: 2px;
border: 1px solid #808080;
box-shadow:
inset 1px 1px 0 #ffffff,
inset -1px -1px 0 #000000;
}
.win98-year-value {
min-width: 62px;
text-align: center;
color: #000000;
padding: 2px 8px;
background: #ffffff;
border: 1px solid #808080;
box-shadow:
inset 1px 1px 0 #000000,
inset -1px -1px 0 #ffffff;
}
.win98-arrow {
width: 24px;
height: 22px;
background: #c0c0c0;
border: 1px solid #808080;
box-shadow:
inset 1px 1px 0 #ffffff,
inset -1px -1px 0 #000000;
cursor: pointer;
font: inherit;
line-height: 1;
}
.win98-arrow:active:not(:disabled) {
box-shadow:
inset 1px 1px 0 #000000,
inset -1px -1px 0 #ffffff;
}
.win98-arrow:disabled {
opacity: 0.5;
cursor: not-allowed;
}
</style>