fix(game): 修复动物组件在获胜者揭示状态下的显示问题
- 在桌面版动物组件中添加 isRevealWinner 条件判断以控制透明度 - 在移动端动物组件中添加 isRevealWinner 条件判断以控制透明度 - 在两个平台的动物组件中添加 isRevealWinner 条件以控制背景遮罩显示 - 确保获胜者揭示状态下动物组件不再显示待机状态的样式效果
This commit is contained in:
@@ -313,7 +313,10 @@ export function DesktopAnimal({
|
||||
'border-[rgba(121,255,250,0.72)] shadow-[0_0_calc(var(--design-unit)*12)_rgba(81,248,255,0.54),0_0_calc(var(--design-unit)*22)_rgba(30,199,255,0.32),inset_0_0_calc(var(--design-unit)*18)_rgba(125,255,249,0.24)] brightness-110 saturate-120',
|
||||
showCellWarning &&
|
||||
'border-[rgba(255,92,92,1)] shadow-[0_0_calc(var(--design-unit)*18)_rgba(255,88,88,0.56),0_0_calc(var(--design-unit)*28)_rgba(255,44,44,0.32),inset_0_0_calc(var(--design-unit)*18)_rgba(255,126,126,0.3)]',
|
||||
!showStandbyState && !hasPlacedSelection && 'opacity-95',
|
||||
!showStandbyState &&
|
||||
!hasPlacedSelection &&
|
||||
!isRevealWinner &&
|
||||
'opacity-95',
|
||||
itemClassName,
|
||||
)}
|
||||
>
|
||||
@@ -358,7 +361,7 @@ export function DesktopAnimal({
|
||||
'bg-[radial-gradient(circle_at_center,rgba(255,106,106,0.34)_0%,rgba(255,58,58,0.18)_42%,rgba(108,0,0,0.2)_78%,transparent_100%)] opacity-100',
|
||||
)}
|
||||
/>
|
||||
{!showStandbyState && !hasPlacedSelection ? (
|
||||
{!showStandbyState && !hasPlacedSelection && !isRevealWinner ? (
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute inset-[calc(var(--design-unit)*2)] z-20 rounded-[calc(var(--design-unit)*15)] bg-[rgba(4,16,24,0.52)] shadow-[inset_0_0_calc(var(--design-unit)*20)_rgba(3,9,14,0.56)]"
|
||||
|
||||
@@ -318,7 +318,10 @@ export function MobileAnimal({
|
||||
'border-[rgba(121,255,250,0.72)] shadow-[0_0_calc(var(--design-unit)*12)_rgba(81,248,255,0.54),0_0_calc(var(--design-unit)*22)_rgba(30,199,255,0.32),inset_0_0_calc(var(--design-unit)*18)_rgba(125,255,249,0.24)] brightness-110 saturate-120',
|
||||
showCellWarning &&
|
||||
'border-[rgba(255,92,92,1)] shadow-[0_0_calc(var(--design-unit)*18)_rgba(255,88,88,0.56),0_0_calc(var(--design-unit)*28)_rgba(255,44,44,0.32),inset_0_0_calc(var(--design-unit)*18)_rgba(255,126,126,0.3)]',
|
||||
!showStandbyState && !hasPlacedSelection && 'opacity-95',
|
||||
!showStandbyState &&
|
||||
!hasPlacedSelection &&
|
||||
!isRevealWinner &&
|
||||
'opacity-95',
|
||||
itemClassName,
|
||||
)}
|
||||
>
|
||||
@@ -363,7 +366,7 @@ export function MobileAnimal({
|
||||
'bg-[radial-gradient(circle_at_center,rgba(255,106,106,0.34)_0%,rgba(255,58,58,0.18)_42%,rgba(108,0,0,0.2)_78%,transparent_100%)] opacity-100',
|
||||
)}
|
||||
/>
|
||||
{!showStandbyState && !hasPlacedSelection ? (
|
||||
{!showStandbyState && !hasPlacedSelection && !isRevealWinner ? (
|
||||
<span
|
||||
aria-hidden="true"
|
||||
className="pointer-events-none absolute inset-[calc(var(--design-unit)*1)] z-20 rounded-[calc(var(--design-unit)*6)] bg-[rgba(4,16,24,0.52)] shadow-[inset_0_0_calc(var(--design-unit)*12)_rgba(3,9,14,0.56)]"
|
||||
|
||||
Reference in New Issue
Block a user