Merge branch 'main' of https://git.1024tool.vip/zfc/bindbox-mini

pages-game/game/minesweeper/play.scss

@@ -760,18 +760,28 @@
     &.me {
         background: rgba($brand-primary, 0.1);
         border-color: rgba($brand-primary, 0.3);
-        min-width: 280rpx;
+        min-width: 220rpx;
         height: 140rpx;
-        padding: $spacing-md;
+        padding: $spacing-sm $spacing-md;
 
         .avatar {
-            width: 80rpx;
-            height: 80rpx;
-            font-size: 44rpx;
+            width: 64rpx;
+            height: 64rpx;
+            font-size: 36rpx;
         }
 
         .username {
-            font-size: $font-sm;
+            font-size: $font-xs;
+        }
+
+        .player-info {
+            gap: 4rpx;
+        }
+
+        .hp-bar {
+            .heart {
+                font-size: 20rpx;
+            }
         }
     }
 
@@ -1296,6 +1306,29 @@
     align-items: center;
     gap: $spacing-lg;
     animation: zoomIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+    position: relative;
+}
+
+.modal-close-btn {
+    position: absolute;
+    top: $spacing-md;
+    right: $spacing-md;
+    width: 64rpx;
+    height: 64rpx;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: $font-lg;
+    color: $text-dark-sub;
+    background: rgba(255, 255, 255, 0.08);
+    border-radius: 50%;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    &:active {
+        background: rgba(255, 255, 255, 0.15);
+        transform: scale(0.95);
+    }
 }
 
 @keyframes zoomIn {

pages-game/game/minesweeper/play.vue

@@ -239,8 +239,9 @@
     </view>
 
     <!-- 结算弹窗 - 移至根级，确保不被 game-screen 的销毁影响 -->
-    <view v-if="showResultModal" class="modal-overlay" style="z-index: 9999;">
-      <view class="modal-content glass-card">
+    <view v-if="showResultModal" class="modal-overlay" style="z-index: 9999;" @tap="closeResultModal">
+      <view class="modal-content glass-card" @tap.stop>
+        <view class="modal-close-btn" @tap="closeResultModal">✕</view>
         <text class="modal-emoji">{{ getGameResultEmoji() }}</text>
         <text class="modal-title">{{ getGameResultTitle() }}</text>
         <view class="result-details" v-if="gameState && gameState.players">
@@ -828,6 +829,9 @@ export default {
       uni.removeStorageSync('minesweeper_last_match_id');
       uni.navigateBack();
     },
+    closeResultModal() {
+      this.showResultModal = false;
+    },
     resetTurnTimer() {
       this.turnTimer = 15;
       clearInterval(this.turnInterval);