新建项目

pages/result/result.wxml

@@ -0,0 +1,65 @@
+<view class="page result-page" wx:if="{{room}}">
+  <view class="result-hero">
+    <view class="confetti confetti-a"></view>
+    <view class="confetti confetti-b"></view>
+    <view class="trophy">★</view>
+    <view class="result-eyebrow">GAME COMPLETE</view>
+    <view class="winner">{{winnerName}}</view>
+    <view class="winner-copy">{{winnerCopy}}</view>
+    <view class="result-meta">{{room.name}} · 房间 {{room.code}}</view>
+  </view>
+
+  <view class="highlight-grid">
+    <view class="highlight">
+      <view class="highlight-value">{{room.players.length}}</view>
+      <view class="highlight-label">参与玩家</view>
+    </view>
+    <view class="highlight">
+      <view class="highlight-value">{{elapsedText}}</view>
+      <view class="highlight-label">实际用时</view>
+    </view>
+    <view class="highlight">
+      <view class="highlight-value">{{eventCount}}</view>
+      <view class="highlight-label">关键事件</view>
+    </view>
+  </view>
+
+  <view class="section-label">本局表现</view>
+  <view class="ranking-list">
+    <view wx:for="{{ranking}}" wx:key="id" class="ranking-row">
+      <view class="rank {{item.rank <= 3 ? 'top' : ''}}">{{item.rank}}</view>
+      <view class="rank-avatar">{{item.avatar}}</view>
+      <view class="rank-main">
+        <view class="rank-name">{{item.name}}</view>
+        <view class="rank-copy">{{item.resultText}}</view>
+      </view>
+      <view class="rank-role">{{item.roleText}}</view>
+    </view>
+  </view>
+
+  <view class="badge-card">
+    <view class="badge-icon">↗</view>
+    <view>
+      <view class="badge-title">本局称号 · 城市追踪者</view>
+      <view class="badge-copy">完成了第一场真实世界追逃。下一局试试更大的场地吧。</view>
+    </view>
+  </view>
+
+  <view class="button-stack">
+    <button class="secondary-button" open-type="share">分享本局战报</button>
+    <button
+      class="primary-button"
+      loading="{{replaying}}"
+      disabled="{{replaying}}"
+      bindtap="replay"
+    >按原规则再来一局</button>
+    <button class="ghost-button" bindtap="backHome">返回首页</button>
+  </view>
+</view>
+
+<view class="state-page" wx:elif="{{errorMessage}}">
+  <view class="state-icon">!</view>
+  <view class="state-title">战报已不可用</view>
+  <view class="state-copy">{{errorMessage}}</view>
+  <button class="primary-button state-action" bindtap="backHome">返回首页</button>
+</view>