zfc/bindbox-mini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：修复道具放大镜

Browse Source
This commit is contained in:
tsui110 2026-01-03 18:37:14 +08:00
parent 40cfb8c36e
commit 46430edb8b
2 changed files with 58 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
pages-game/game/minesweeper/play.scss
View File

@ -1169,17 +1169,65 @@
justify-content: center;
align-items: center;
position: relative;
background: linear-gradient(135deg, rgba(76, 217, 100, 0.3) 0%, rgba(59, 130, 246, 0.3) 100%);
border: 2rpx solid rgba(76, 217, 100, 0.6);
border-radius: 8rpx;
animation: magnifierPulse 2s ease-in-out infinite;
.magnifier-content {
font-size: 28rpx;
opacity: 0.8;
font-size: 32rpx;
opacity: 1;
font-weight: bold;
}
.magnifier-badge {
position: absolute;
top: 2rpx;
right: 2rpx;
font-size: 16rpx;
font-size: 18rpx;
background: rgba(255, 255, 255, 0.9);
border-radius: 50%;
width: 28rpx;
height: 28rpx;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.2);
}
// 安全区特殊样式
&.safe-zone {
background: linear-gradient(135deg, rgba(34, 197, 94, 0.4) 0%, rgba(16, 185, 129, 0.4) 100%);
border-color: rgba(34, 197, 94, 0.8);
box-shadow: 0 0 20rpx rgba(34, 197, 94, 0.4);
.magnifier-content {
color: #22c55e;
text-shadow: 0 0 8rpx rgba(34, 197, 94, 0.8);
}
}
// 炸弹特殊样式
&.bomb-zone {
background: linear-gradient(135deg, rgba(239, 68, 68, 0.4) 0%, rgba(220, 38, 38, 0.4) 100%);
border-color: rgba(239, 68, 68, 0.8);
box-shadow: 0 0 20rpx rgba(239, 68, 68, 0.4);
.magnifier-content {
color: #ef4444;
text-shadow: 0 0 8rpx rgba(239, 68, 68, 0.8);
}
}
}
@keyframes magnifierPulse {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 10rpx rgba(59, 130, 246, 0.3);
}
50% {
transform: scale(1.05);
box-shadow: 0 0 20rpx rgba(59, 130, 246, 0.6);
}
}
}

8
pages-game/game/minesweeper/play.vue
View File

@ -173,7 +173,13 @@
</text>
<text v-else-if="cell.type === 'item'" class="cell-icon">{{ getItemIcon(cell.itemId) }}</text>
</view>
<view v-else-if="myPlayer && myPlayer.revealedCells && myPlayer.revealedCells[i]" class="magnifier-mark">
<view v-else-if="myPlayer && myPlayer.revealedCells && myPlayer.revealedCells[i]"
class="magnifier-mark"
:class="{
'safe-zone': myPlayer.revealedCells[i] === 'empty',
'bomb-zone': myPlayer.revealedCells[i] === 'bomb'
}"
>
<text class="cell-icon magnifier-content">{{ getContentIcon(myPlayer.revealedCells[i]) }}</text>
<text class="magnifier-badge">🔍</text>
</view>