fix(sth): 优化样式

src/components/t-sidebar.vue

@@ -16,17 +16,17 @@
 				</template>
 			</v-list-item>
 			<!-- 菜单项 -->
-			<v-list-item value="home" title="首页" @click="toPage('home')">
+			<v-list-item value="home" title="首页" link href="/">
 				<template v-slot:prepend>
 					<img src="/source/UI/paimon.webp" alt="homeIcon" class="sideIcon" />
 				</template>
 			</v-list-item>
-			<v-list-item title="咨讯" value="news" @click="toPage('news')">
+			<v-list-item title="咨讯" value="news" link href="/news">
 				<template v-slot:prepend>
 					<img src="../assets/icons/board.svg" alt="newsIcon" class="sideIcon" />
 				</template>
 			</v-list-item>
-			<v-list-item title="成就" value="achievements" @click="toPage('achievements')">
+			<v-list-item title="成就" value="achievements" link href="/achievements">
 				<template v-slot:prepend>
 					<img src="../assets/icons/achievements.svg" alt="achievementsIcon" class="sideIcon" />
 				</template>
@@ -34,20 +34,20 @@
 			<v-divider></v-divider>
 			<v-list-group value="database" fluid>
 				<template v-slot:activator="{ props }">
-					<v-list-item title="数据库" v-bind="props">
+					<v-list-item title="数据库" v-bind="props" @click="submenu('database')">
 						<template v-slot:prepend>
 							<v-icon color="rgb(205, 182, 145)">mdi-database</v-icon>
 						</template>
 					</v-list-item>
 				</template>
-				<v-list-item title="GCG" value="GCG" @click="toPage('GCG')">
+				<v-list-item title="GCG" value="GCG" link href="/GCG">
 					<template v-slot:prepend>
 						<img src="../assets/icons/GCG.svg" alt="gcgIcon" class="sideIcon" />
 					</template>
 				</v-list-item>
 			</v-list-group>
 			<v-divider></v-divider>
-			<v-list-item title="设置" value="config" @click="toPage('config')">
+			<v-list-item title="设置" value="config" link href="/config">
 				<template v-slot:prepend>
 					<img src="../assets/icons/setting.svg" alt="setting" class="sideIcon" />
 				</template>
@@ -58,22 +58,22 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { useRouter } from "vue-router";
 import useAppStore from "../store/modules/app";
 
-const router = useRouter();
 const appStore = useAppStore();
 
-const rail = ref(appStore.sidebar);
+const rail = ref(appStore.sidebar.collapse);
-const open = ref(["database"]);
+const open = ref(appStore.getSubmenu());
 
 function collapse() {
 	rail.value = !rail.value;
-	appStore.sidebar = rail.value;
+	appStore.sidebar.collapse = rail.value;
 }
 
-function toPage(link: string) {
+function submenu(value: string) {
-	router.push(link);
+	if (value === "database") {
+		appStore.sidebar.submenu.database = open.value.includes(value);
+	}
 }
 </script>
 

src/pages/Achievements.vue

@@ -266,7 +266,14 @@ async function importJson() {
 			const localTime = localData.completed_time;
 			// 如果本地数据不存在，或者本地数据的 timeStamp 小于远程数据的 timeStamp，更新数据
 			if (data.timestamp !== 0) {
-				const fin_time = new Date(data.timestamp * 1000).toLocaleString();
+				const fin_time = new Date(data.timestamp * 1000).toLocaleString("zh", {
+					year: "numeric",
+					month: "2-digit",
+					day: "2-digit",
+					hour: "2-digit",
+					minute: "2-digit",
+					second: "2-digit",
+				});
 				if (fin_time !== localTime || localData.progress !== data.current) {
 					localData.completed_time = fin_time;
 					localData.progress = data.current;

src/pages/GCG.vue

@@ -120,7 +120,7 @@ async function loadData() {
 }
 function toOuter(card_name: string, card_id: number) {
 	const url = MysContent.replace("content_id", card_id.toString());
-	createTGWindow(url, "GCG", card_name, 1600, 900, true);
+	createTGWindow(url, "GCG", card_name, 1200, 800, true);
 }
 async function searchCard() {
 	loading.value = true;
@@ -128,6 +128,7 @@ async function searchCard() {
 	const res: BaseCard[] = [];
 	const allCardsInfo = await ReadAllTGData("GCG");
 	allCardsInfo.map(item => (item.name.includes(search.value) ? res.push(item) : null));
+	res.sort((a, b) => a.name.localeCompare(b.name));
 	loading.value = false;
 	if (res.length == 0) {
 		await dialog.message("未找到相关卡牌");

src/pages/Home.vue

@@ -251,7 +251,7 @@ async function toPost(post_id: string) {
 
 .Home-pool-clock {
 	width: auto;
-	margin-left: 120px;
+	margin-left: 40px;
 	float: right;
 	font-size: small;
 	height: 80px;

src/store/modules/app.ts

@@ -22,7 +22,14 @@ const useAppStore = defineStore({
 			// 是否加载数据
 			loading: false,
 			// 侧边栏设置
-			sidebar: true,
+			sidebar: {
+				// 是否折叠
+				collapse: false,
+				// 是否显示
+				submenu: {
+					database: false,
+				},
+			},
 			// 咨讯页渲染模式
 			structureRender: true, // 是否采用结构化渲染，否则采用 raw 渲染
 			// 数据路径
@@ -44,11 +51,22 @@ const useAppStore = defineStore({
 		};
 	},
 	actions: {
+		// 获取折叠
+		getSubmenu() {
+			let open = [];
+			if (this.sidebar.submenu.database) open.push("database");
+			return open;
+		},
 		// 初始化配置
 		async init() {
 			// 防止数据清空
 			if (this.sidebar === undefined) {
-				this.sidebar = true;
+				this.sidebar = {
+					collapse: false,
+					submenu: {
+						database: false,
+					},
+				};
 			}
 			// 初始化加载状态
 			this.loading = false;