From 6b4cd2a6662fdf84c5289ff68cc6122667b63ed0 Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Wed, 27 Dec 2023 23:13:25 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=AE=8C=E5=96=84=20unknown=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F&=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/post/tp-unknown.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/post/tp-unknown.vue b/src/components/post/tp-unknown.vue
index a713709c..be499046 100644
--- a/src/components/post/tp-unknown.vue
+++ b/src/components/post/tp-unknown.vue
@@ -1,12 +1,32 @@
 <template>
-  <div class="mys-post-unknown">
-    <code class="mys-post-unknown-code">{{ JSON.stringify(props.data, null, 2) }}</code>
+  <div class="tp-unknown-box">
+    <code class="tp-unknown-code">{{ JSON.stringify(props.data, null, 2) }}</code>
   </div>
 </template>
 <script lang="ts" setup>
+import { toRaw } from "vue";
+
 interface TpUnknownProps {
   data: TGApp.Plugins.Mys.SctPost.Empty;
 }
 
 const props = defineProps<TpUnknownProps>();
+
+console.warn("tpUnknown", toRaw(props.data.insert));
 </script>
+<style lang="css" scoped>
+.tp-unknown-box {
+  width: 800px;
+  padding: 10px;
+  border: 1px solid var(--common-shadow-1);
+  border-radius: 10px;
+  background: var(--box-bg-1);
+}
+
+.tp-unknown-code {
+  font-family: var(--font-text);
+  opacity: 0.6;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>