diff --git a/pages-game/game/minesweeper/play.scss b/pages-game/game/minesweeper/play.scss index f4c18c1..fa239e3 100644 --- a/pages-game/game/minesweeper/play.scss +++ b/pages-game/game/minesweeper/play.scss @@ -1296,6 +1296,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 { diff --git a/pages-game/game/minesweeper/play.vue b/pages-game/game/minesweeper/play.vue index 7400a31..97cc539 100644 --- a/pages-game/game/minesweeper/play.vue +++ b/pages-game/game/minesweeper/play.vue @@ -239,8 +239,9 @@ - - + + + {{ getGameResultEmoji() }} {{ getGameResultTitle() }} @@ -851,6 +852,9 @@ export default { uni.removeStorageSync('minesweeper_last_match_id'); uni.navigateBack(); }, + closeResultModal() { + this.showResultModal = false; + }, resetTurnTimer() { this.turnTimer = 15; clearInterval(this.turnInterval);