diff --git a/src/pages.json b/src/pages.json
index 2927fe3..7b2a594 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -32,15 +32,11 @@
         "navigationBarBackgroundColor": "#FFFFFF",
         "navigationBarTextStyle": "black"
       }
-    }
-    ,
+    },
     {
       "path": "pages/long-answer/index",
       "style": {
-        "navigationStyle": "custom",
-        "backgroundColor": "#FFFFFF",
-        "navigationBarBackgroundColor": "#FFFFFF",
-        "navigationBarTextStyle": "black"
+        "navigationStyle": "custom"
       }
     }
   ],
diff --git a/src/pages/long-answer/index.vue b/src/pages/long-answer/index.vue
index 86cfb4c..1c9b12d 100644
--- a/src/pages/long-answer/index.vue
+++ b/src/pages/long-answer/index.vue
@@ -1,9 +1,16 @@
 <template>
-    <ChatMarkdown :text="answerText" />
+  <view class="bg-F5F7FA flex flex-col h-screen overflow-hidden">
+    <TopNavBar title="详情" backgroundColor="transparent" />
+    <view class="flex-full overflow-hidden scroll-y p-12 border-box">
+      <ChatMarkdown :text="answerText" />
+    </view>
+  </view>
 </template>
 <script setup>
+import TopNavBar from "@/components/TopNavBar/index.vue";
 import ChatMarkdown from "../index/components/chat/ChatMarkdown/index.vue";
-import { defineProps, onLoad } from "vue";
+import { defineProps, ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
 
 const props = defineProps({
   answerText: {
@@ -12,8 +19,10 @@ const props = defineProps({
   }
 });
 
+const answerText = ref(props.answerText || "");
+
 onLoad(({ message = "" }) => {
-  props.answerText = decodeURIComponent(message);
+  answerText.value = decodeURIComponent(message);
 });
 
 </script>
\ No newline at end of file