后期修改完善，上线版本

pages/Launches/components/SwitchYear.vue

@@ -3,11 +3,25 @@ import IconPrev from '@/static/launches/icon_prev.png';
 import IconNext from '@/static/launches/icon_next.png';
 import IconNextDisabled from '@/static/launches/icon_next_disabled.png';
 
+// 从 sessionStorage 获取缓存数据的辅助函数
+function getCachedYear() {
+	try {
+		const cachedData = sessionStorage.getItem('launches_search_cache');
+		if (cachedData) {
+			const parsedData = JSON.parse(cachedData);
+			return parsedData.currentYear || new Date().getFullYear();
+		}
+	} catch (e) {
+		console.error('获取缓存的年份失败', e);
+	}
+	return new Date().getFullYear();
+}
+
 export default {
 	props: {
 		value: {
 			type: Number,
-			default: () => new Date().getFullYear()
+			default: getCachedYear
 		}
 	},
 	data() {
@@ -45,7 +59,7 @@ export default {
 		<div class="btn" @click="prevYear">
 			<img :src="prevIcon" alt="Previous Year" />
 		</div>
-		<div style="width: 60px;text-align: center; font-family: 'Poppins-Regular', serif">{{ year }}</div>
+		<div class="text">{{ year }}</div>
 		<div class="btn" @click="nextYear">
 			<img :src="nextIcon" :alt="isNextDisabled ? 'Next Year Disabled' : 'Next Year'" />
 		</div>
@@ -54,15 +68,15 @@ export default {
 
 <style scoped lang="scss">
 .box {
-	gap: 16px;
+	gap: 6px;
 	color: #3A4A65;
 	font-size: 24px;
-	font-family: 'Poppins-SemiBold', serif;
+	font-family: 'Poppins-SemiBold';
 	.btn {
-		width: 48px;
-		height: 48px;
+		width: 36px;
+		height: 36px;
 		cursor: pointer;
-		background-color: #FFFFFF;
+		//background-color: #FFFFFF;
 		border-radius: 4px;
 
 		&:active {
@@ -74,5 +88,8 @@ export default {
 			height: 100%;
 		}
 	}
+	.text {
+		width: 60px;text-align: center; font-family: 'Poppins-Regular';
+	}
 }
 </style>