From 22959270821a63cdbed96918343018af5704de53 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Tue, 14 Mar 2023 14:17:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(style):=20=E6=A0=B7=E5=BC=8F=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Achievements.vue | 31 ++++++++++++++++++-------------
 src/pages/Config.vue       |  6 +++---
 src/pages/News.vue         | 17 +++++++++++------
 3 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/src/pages/Achievements.vue b/src/pages/Achievements.vue
index e87f9fd8..3645830a 100644
--- a/src/pages/Achievements.vue
+++ b/src/pages/Achievements.vue
@@ -3,20 +3,13 @@
 	<v-app-bar app>
 		<template v-slot:prepend>
 			<!-- 标题 -->
-			<v-card-text class="text-h5;global-font">{{ title }}</v-card-text>
+			<v-card-text class="top-title">{{ title }}</v-card-text>
 		</template>
 		<template v-slot:append>
 			<!-- 导入按钮 -->
-			<v-btn
-				@click="importJson"
-				prepend-icon="mdi-import"
-				class="bg-green-accent-2;global-font;global-font;"
-				title="导入"
-			/>
+			<v-btn @click="importJson" prepend-icon="mdi-import" class="ms-2 top-btn">导入</v-btn>
 			<!-- 导出按钮 -->
-			<v-btn @click="exportJson" prepend-icon="mdi-export" class="ms-2 bg-green-accent-2">
-				导出
-			</v-btn>
+			<v-btn @click="exportJson" prepend-icon="mdi-export" class="ms-2 top-btn"> 导出 </v-btn>
 		</template>
 	</v-app-bar>
 	<!-- todo 列表加载速度优化，主要是天地万象的数据量太大了 -->
@@ -286,20 +279,32 @@ async function exportJson() {
 </script>
 
 <style lang="css">
-/*内容区域 todo @media*/
+/* 顶部标题 */
+.top-title {
+	font-family: Genshin, "serif";
+	font-size: 30px;
+}
+/* 顶部按钮 */
+.top-btn {
+	font-family: Genshin, "serif";
+	background: #393b40;
+	color: #f4d8a8 !important;
+}
+
+/* 内容区域 */
 .wrap-view {
 	overflow: auto;
 	height: 840px;
 	border-bottom: 2px solid #e6e6e6;
 	font-family: Genshin, "serif";
 }
-/*左侧系列*/
+/* 左侧系列 */
 .left-wrap {
 	height: 100%;
 	overflow: auto;
 }
 
-/*右侧成就*/
+/* 右侧成就 */
 .right-wrap {
 	height: 100%;
 	overflow: auto;
diff --git a/src/pages/Config.vue b/src/pages/Config.vue
index 2ef81550..da6eab25 100644
--- a/src/pages/Config.vue
+++ b/src/pages/Config.vue
@@ -23,7 +23,7 @@
 			<v-list-item>
 				<v-list-item-title>咨讯页渲染模式</v-list-item-title>
 				<v-list-item-subtitle
-					>样式上 raw 数据渲染更为合适，如果帖子有视频，建议采用结构化渲染</v-list-item-subtitle
+					>推荐采用结构化渲染，当出现内容缺失时建议采用 raw 渲染</v-list-item-subtitle
 				>
 				<template v-slot:append>
 					<v-switch
@@ -31,7 +31,7 @@
 						inset
 						v-model="renderBool"
 						@click="changeRenderMode"
-						color="primary"
+						color="#1E96D5"
 					/>
 				</template>
 			</v-list-item>
@@ -64,7 +64,7 @@ const appStore = useAppStore();
 const achievementsStore = useAchievementsStore();
 
 const renderBool = ref(appStore.structureRender);
-const renderMode = ref(renderBool.value ? "结构化渲染" : " raw 渲染")
+const renderMode = ref(renderBool.value ? "结构化渲染" : " raw 渲染");
 
 // 切换渲染模式
 function changeRenderMode() {
diff --git a/src/pages/News.vue b/src/pages/News.vue
index 4c0633a2..227d2ef9 100644
--- a/src/pages/News.vue
+++ b/src/pages/News.vue
@@ -18,7 +18,7 @@
 						<v-btn
 							@click="toPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
+							class="ms-2 card-btn"
 							>查看</v-btn
 						>
 						<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
@@ -26,7 +26,7 @@
 							v-show="showLog"
 							@click="logPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
+							class="ms-2 card-btn"
 							>原始数据</v-btn
 						>
 					</v-card-actions>
@@ -47,7 +47,7 @@
 						<v-btn
 							@click="toPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
+							class="ms-2 card-btn"
 							>查看</v-btn
 						>
 						<v-btn v-if="item.status === 1" color="ms-2 bg-green-accent-1" variant="flat" disabled
@@ -65,7 +65,7 @@
 							v-show="showLog"
 							@click="logPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
+							class="ms-2 card-btn"
 							>原始数据</v-btn
 						>
 					</v-card-actions>
@@ -79,9 +79,9 @@
 					<v-card-title>{{ item.title }}</v-card-title>
 					<v-card-actions>
 						<v-btn
+							class="ms-2 card-btn"
 							@click="toPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
 							>查看</v-btn
 						>
 						<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
@@ -89,7 +89,7 @@
 							v-show="showLog"
 							@click="logPost(item.post_id)"
 							prepend-icon="mdi-arrow-right-circle"
-							class="ms-2 bg-blue-accent-2"
+							class="ms-2 card-btn"
 							>原始数据</v-btn
 						>
 					</v-card-actions>
@@ -235,4 +235,9 @@ async function getPost(post_id: string): Promise<ResponsePost> {
 	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 	grid-gap: 20px;
 }
+
+.card-btn {
+	background: #ffe14c !important;
+	color: #704a1d !important;
+}
 </style>