From 93cc9d916e4e1f17caa167544b13637c62e24418 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 11 Feb 2025 10:15:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E4=BF=AE=E5=A4=8D=E5=90=8D?=
 =?UTF-8?q?=E7=89=87=E5=9B=BE=E9=89=B4=E6=B5=AE=E7=AA=97=E6=B8=B2=E6=9F=93?=
 =?UTF-8?q?=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/app/to-nameCard.vue | 58 +++++++++++++++++-------------
 1 file changed, 34 insertions(+), 24 deletions(-)

diff --git a/src/components/app/to-nameCard.vue b/src/components/app/to-nameCard.vue
index ede4b043..ceb462bf 100644
--- a/src/components/app/to-nameCard.vue
+++ b/src/components/app/to-nameCard.vue
@@ -1,31 +1,33 @@
 <template>
   <TOverlay v-model="visible" v-if="props.data">
-    <slot name="left"></slot>
-    <div class="ton-box">
-      <img
-        alt="bg"
-        class="ton-bg"
-        v-if="props.data"
-        :src="`/WIKI/nameCard/profile/${props.data.name}.webp`"
-      />
-      <div class="ton-content">
-        <span>{{ props.data.name }}</span>
-        <span>{{ parseNameCard(props.data.desc) }}</span>
-        <span>获取途径：{{ props.data.source }}</span>
+    <div class="ton-container">
+      <slot name="left"></slot>
+      <div class="ton-box">
+        <img
+          alt="bg"
+          class="ton-bg"
+          v-if="props.data"
+          :src="`/WIKI/nameCard/profile/${props.data.name}.webp`"
+        />
+        <div class="ton-content">
+          <span>{{ props.data.name }}</span>
+          <span>{{ parseNameCard(props.data.desc) }}</span>
+          <span>获取途径：{{ props.data.source }}</span>
+        </div>
+        <div class="ton-type">{{ getType }}</div>
+        <v-btn
+          class="ton-share"
+          @click="shareNameCard"
+          variant="outlined"
+          :loading="loading"
+          data-html2canvas-ignore
+        >
+          <v-icon>mdi-share-variant</v-icon>
+          <span>分享</span>
+        </v-btn>
       </div>
-      <div class="ton-type">{{ getType }}</div>
-      <v-btn
-        class="ton-share"
-        @click="shareNameCard"
-        variant="outlined"
-        :loading="loading"
-        data-html2canvas-ignore
-      >
-        <v-icon>mdi-share-variant</v-icon>
-        <span>分享</span>
-      </v-btn>
+      <slot name="right"></slot>
     </div>
-    <slot name="right"></slot>
   </TOverlay>
 </template>
 <script setup lang="ts">
@@ -134,6 +136,14 @@ async function shareNameCard(): Promise<void> {
 }
 </script>
 <style lang="css" scoped>
+.ton-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  column-gap: 8px;
+}
+
 .ton-box {
   position: relative;
   overflow: hidden;