From 0c4a688535700617b5040f5de33f986016016e71 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 21 May 2024 17:00:19 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/post/tp-text.vue | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/post/tp-text.vue b/src/components/post/tp-text.vue
index 997d5641..2923ba59 100644
--- a/src/components/post/tp-text.vue
+++ b/src/components/post/tp-text.vue
@@ -1,14 +1,13 @@
 <template>
-  <div
+  <span
     v-if="mode == 'link'"
     class="tp-text-link"
     @click="toLink()"
     :title="props.data.attributes?.link"
     :style="getTextStyle()"
   >
-    <v-icon size="small" v-if="!props.data.insert.startsWith('>>')">mdi-link-variant</v-icon>
-    <span>{{ props.data.insert }}</span>
-  </div>
+    {{ props.data.insert }}
+  </span>
   <span v-else-if="mode == 'emoji'" class="tp-text-emoji">
     <img :src="getEmojiUrl()" :alt="getEmojiName()" :title="getEmojiName()" />
   </span>
@@ -18,9 +17,7 @@
     :data="emoji"
     :key="indexE"
   />
-  <span v-else :style="getTextStyle()">
-    {{ props.data.insert }}
-  </span>
+  <span v-else :style="getTextStyle()">{{ props.data.insert }}</span>
 </template>
 <script lang="ts" setup>
 import { onMounted, ref, StyleValue, toRaw } from "vue";
@@ -157,11 +154,10 @@ function getEmojiName() {
 </script>
 <style lang="css" scoped>
 .tp-text-link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
   color: #00c3ff;
   cursor: pointer;
+  text-decoration: underline solid #00c3ff;
+  text-underline-position: under;
   transform: translateY(2px);
 }