fix(icon): 查看按钮 prepend icon 变更

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>

src/assets/index.css

@@ -12,11 +12,24 @@
 
 /* card action 内的按钮 */
 .card-btn {
-	background: #546d8b !important;
+	background: #4a5366;
-	color: #faf7e8 !important;
+	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;
 }

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>

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;
 }

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;