把socket放到最外面

src/pages/battle-result.vue

@@ -1,4 +1,16 @@
-<script setup></script>
+<script setup>
+import { ref } from "vue";
+import { onLoad } from "@dcloudio/uni-app";
+
+const battleId = ref("");
+
+onLoad((options) => {
+  battleId.value = options.battleId;
+});
+function exit() {
+  uni.navigateBack();
+}
+</script>
 
 <template>
   <view class="container">
@@ -19,7 +31,7 @@
     <text>你是朋友中的佼佼者哦</text>
     <view>
       <view>查看靶纸</view>
-      <view>退出</view>
+      <view @click="exit">退出</view>
     </view>
   </view>
 </template>
@@ -38,7 +50,7 @@
 .tag {
   position: absolute;
   width: 32vw;
-  top: 0;
+  top: 4%;
   right: 0;
 }
 .container > view {