UI完善

src/pages/battle-result.vue

@@ -2,19 +2,21 @@
 import { ref, onMounted } from "vue";
 import { onLoad } from "@dcloudio/uni-app";
 import { getGameAPI } from "@/apis";
+import TeamResult from "@/components/TeamResult.vue";
+import MeleeResult from "@/components/MeleeResult.vue";
 
 const battleId = ref("");
+const show = ref(true);
 
-onLoad((options) => {
-  battleId.value = options.battleId;
-});
+// onLoad(async (options) => {
+//   battleId.value = options.battleId;
+//   const result = await getGameAPI(options.battleId);
+//   console.log(1111, result);
+// });
 function exit() {
   uni.navigateBack();
 }
-onMounted(async () => {
-  const result = await getGameAPI("BATTLE-1749121128909437828-799");
-  conosle.log(1111, result);
-});
+onMounted(async () => {});
 </script>
 
 <template>
@@ -35,9 +37,11 @@ onMounted(async () => {
     </view>
     <text>你是朋友中的佼佼者哦</text>
     <view>
-      <view>查看靶纸</view>
+      <view @click="() => (show = true)">查看靶纸</view>
       <view @click="exit">退出</view>
     </view>
+    <!-- <TeamResult :show="show" :onClose="() => (show = false)" /> -->
+    <MeleeResult :show="show" :onClose="() => (show = false)" />
   </view>
 </template>