From d9b717592b3f97cf4da6306c4b26b570ba208be2 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Sun, 2 Apr 2023 20:48:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(icon):=20=E6=9F=A5=E7=9C=8B=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=20prepend=20icon=20=E5=8F=98=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/circle-check.svg | 14 ++++++++++++++
 src/assets/index.css              | 17 +++++++++++++++--
 src/components/t-position.vue     |  5 ++---
 src/pages/Announcements.vue       |  5 +++--
 src/pages/News.vue                | 22 ++++++++++++----------
 5 files changed, 46 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/icons/circle-check.svg

diff --git a/src/assets/icons/circle-check.svg b/src/assets/icons/circle-check.svg
new file mode 100644
index 00000000..0dd2ee49
--- /dev/null
+++ b/src/assets/icons/circle-check.svg
@@ -0,0 +1,14 @@
+<svg width="256.000000" height="256.000000" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc>
+			Created with Pixso.
+	</desc>
+	<g clip-path="url(#clip6_1)">
+		<circle id="椭圆 3" cx="128.000000" cy="128.000000" r="125.000000" fill="#313131"/>
+		<ellipse id="椭圆 4" cx="128.000000" cy="128.000000" rx="72.499992" ry="72.500000" stroke="#FFCB32" stroke-width="15.000000"/>
+	</g>
+	<defs>
+		<clipPath id="clip6_1">
+			<rect id="circle-check" width="256.000000" height="256.000000" fill="white"/>
+		</clipPath>
+	</defs>
+</svg>
diff --git a/src/assets/index.css b/src/assets/index.css
index d2f1ef54..0cc31965 100644
--- a/src/assets/index.css
+++ b/src/assets/index.css
@@ -12,11 +12,24 @@
 
 /* card action 内的按钮 */
 .card-btn {
-	background: #546d8b !important;
-	color: #faf7e8 !important;
+	background: #4a5366;
+	color: #ece5d8;
+	border-radius: 50px;
+	margin-left: 5px;
 }
 
 .card-btn img {
+	width: 20px;
+	height: 20px;
+	margin: 5px;
+}
+
+.card-dev-btn {
+	background: #546d8b;
+	color: #faf7e8;
+}
+
+.card-dev-btn img {
 	width: 18px;
 	height: 18px;
 }
diff --git a/src/components/t-position.vue b/src/components/t-position.vue
index c521b60d..c624bafd 100644
--- a/src/components/t-position.vue
+++ b/src/components/t-position.vue
@@ -34,11 +34,10 @@
 							剩余时间：
 							<span style="color: #90caf9">{{ positionTimeGet[card.post_id] }}</span>
 						</span>
-						<v-btn @click="toPost(card)" class="ms-2 card-btn mr-2">
+						<v-btn @click="toPost(card)" class="card-btn">
 							<template v-slot:prepend>
-								<img src="../assets/icons/arrow-right.svg" alt="right" onload="SVGInject(this)" />
+								<img src="../assets/icons/circle-check.svg" alt="check" />查看
 							</template>
-							查看
 						</v-btn>
 					</v-card-actions>
 				</v-card>
diff --git a/src/pages/Announcements.vue b/src/pages/Announcements.vue
index d9075483..052e8bfa 100644
--- a/src/pages/Announcements.vue
+++ b/src/pages/Announcements.vue
@@ -38,7 +38,7 @@
 								{{ item.end_time.split(" ")[0] }}</v-card-subtitle
 							>
 							<v-card-subtitle v-show="appStore.devMode">id: {{ item.id }}</v-card-subtitle>
-							<v-btn v-show="appStore.devMode" class="card-btn" @click="toJson(item)">
+							<v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
 								<template v-slot:prepend>
 									<img src="../assets/icons/arrow-right.svg" alt="right" />
 								</template>
@@ -69,7 +69,7 @@
 								{{ item.end_time.split(" ")[0] }}</v-card-subtitle
 							>
 							<v-card-subtitle v-show="appStore.devMode">id: {{ item.id }}</v-card-subtitle>
-							<v-btn v-show="appStore.devMode" class="card-btn" @click="toJson(item)">
+							<v-btn v-show="appStore.devMode" class="card-dev-btn" @click="toJson(item)">
 								<template v-slot:prepend>
 									<img src="../assets/icons/arrow-right.svg" alt="right" />
 								</template>
@@ -187,6 +187,7 @@ async function toJson(item: AnnoListCard) {
 }
 
 .anno-btn {
+	margin-left: 5px;
 	background: #546d8b;
 	color: #faf7e8;
 }
diff --git a/src/pages/News.vue b/src/pages/News.vue
index 404a482a..66ea42f2 100644
--- a/src/pages/News.vue
+++ b/src/pages/News.vue
@@ -3,7 +3,7 @@
 		<t-loading :title="loadingTitle" />
 	</div>
 	<div v-else>
-		<v-tabs v-model="tab" align-tabs="start" class="global-font mb-2">
+		<v-tabs v-model="tab" align-tabs="start" class="news-tabs">
 			<v-tab value="notice" title="公告" />
 			<v-tab value="activity" title="活动" />
 			<v-tab value="news" title="新闻" />
@@ -36,12 +36,11 @@
 						<v-card-actions>
 							<v-btn @click="toPost(item)" class="card-btn">
 								<template v-slot:prepend>
-									<img src="../assets/icons/arrow-right.svg" alt="right" />
+									<img src="../assets/icons/circle-check.svg" alt="check" />查看
 								</template>
-								查看
 							</v-btn>
 							<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
-							<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
+							<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
 								<template v-slot:prepend>
 									<img src="../assets/icons/arrow-right.svg" alt="right" />
 								</template>
@@ -70,9 +69,8 @@
 						<v-card-actions>
 							<v-btn @click="toPost(item)" class="card-btn">
 								<template v-slot:prepend>
-									<img src="../assets/icons/arrow-right.svg" alt="right" />
+									<img src="../assets/icons/circle-check.svg" alt="check" />查看
 								</template>
-								查看
 							</v-btn>
 							<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
 							<div v-show="!appStore.devMode">
@@ -84,7 +82,7 @@
 									>{{ item.status?.status }}</v-btn
 								>
 							</div>
-							<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
+							<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
 								<template v-slot:prepend>
 									<img src="../assets/icons/arrow-right.svg" alt="right" />
 								</template>
@@ -112,12 +110,11 @@
 						<v-card-actions>
 							<v-btn @click="toPost(item)" class="card-btn">
 								<template v-slot:prepend>
-									<img src="../assets/icons/arrow-right.svg" alt="right" />
+									<img src="../assets/icons/circle-check.svg" alt="check" />查看
 								</template>
-								查看
 							</v-btn>
 							<v-card-subtitle>id:{{ item.post_id }}</v-card-subtitle>
-							<v-btn @click="toJson(item)" class="card-btn" v-show="appStore.devMode">
+							<v-btn @click="toJson(item)" class="card-dev-btn" v-show="appStore.devMode">
 								<template v-slot:prepend>
 									<img src="../assets/icons/arrow-right.svg" alt="right" />
 								</template>
@@ -319,6 +316,11 @@ async function searchPost() {
 </script>
 
 <style lang="css" scoped>
+.news-tabs {
+	font-family: Genshin, serif;
+	margin-bottom: 10px;
+}
+
 .news-grid {
 	font-family: Genshin, serif;
 	display: grid;