|
|
|
@ -129,7 +129,7 @@ |
|
|
|
} |
|
|
|
this.rewardTimer = setTimeout(() => { |
|
|
|
this.rewardFloat.show = false |
|
|
|
}, 800) |
|
|
|
}, 1500) |
|
|
|
}, |
|
|
|
onJoin() { |
|
|
|
if (this.flying) return |
|
|
|
@ -219,12 +219,12 @@ |
|
|
|
0%, 100% { transform: scale(1); } |
|
|
|
50% { transform: scale(1.015); } |
|
|
|
} |
|
|
|
.reward-float { position: absolute; left: 50%; bottom: 160rpx; z-index: 30; transform: translateX(-50%); padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(255,255,255,0.9); color: #16A779; font-size: 24rpx; font-weight: 900; box-shadow: 0 14rpx 30rpx rgba(53,214,166,0.18); animation: rewardUp .8s ease-out forwards; pointer-events: none; } |
|
|
|
.reward-float { position: absolute; left: 50%; bottom: 160rpx; z-index: 30; transform: translateX(-50%); padding: 10rpx 20rpx; border-radius: 999rpx; background: rgba(255,255,255,0.9); color: #16A779; font-size: 24rpx; font-weight: 900; box-shadow: 0 14rpx 30rpx rgba(53,214,166,0.18); animation: rewardUp 1.5s ease-out forwards; pointer-events: none; } |
|
|
|
.reward-float.pool { color: #F08322; } |
|
|
|
.reward-float.hunt { color: #348FEA; } |
|
|
|
@keyframes rewardUp { |
|
|
|
0% { transform: translate3d(-50%, 16rpx, 0) scale(.86); opacity: 0; } |
|
|
|
18% { opacity: 1; } |
|
|
|
18%, 72% { opacity: 1; } |
|
|
|
100% { transform: translate3d(-50%, -46rpx, 0) scale(1); opacity: 0; } |
|
|
|
} |
|
|
|
.ticket-fly { position: absolute; right: 96rpx; top: 330rpx; width: 70rpx; height: 70rpx; line-height: 70rpx; border-radius: 50%; text-align: center; background: linear-gradient(145deg, #FFF2B8, #FFB84D); color: #9A5A00; font-size: 34rpx; font-weight: 900; box-shadow: 0 14rpx 30rpx rgba(255,184,77,0.34); animation: ticketFly .9s cubic-bezier(.16,.84,.28,1) forwards; z-index: 20; } |
|
|
|
|