diff --git a/pages-game/game/minesweeper/play.scss b/pages-game/game/minesweeper/play.scss index f4c18c1..16cf127 100644 --- a/pages-game/game/minesweeper/play.scss +++ b/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 { diff --git a/pages-game/game/minesweeper/play.vue b/pages-game/game/minesweeper/play.vue index d294a78..c4f3a7e 100644 --- a/pages-game/game/minesweeper/play.vue +++ b/pages-game/game/minesweeper/play.vue @@ -239,8 +239,9 @@ - - + + + {{ getGameResultEmoji() }} {{ getGameResultTitle() }} @@ -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);