优化跑马显示
This commit is contained in:
@@ -210,10 +210,10 @@
|
|||||||
'#b8d0e8')">
|
'#b8d0e8')">
|
||||||
</div>
|
</div>
|
||||||
{{-- 马匹图标(跟随进度) --}}
|
{{-- 马匹图标(跟随进度) --}}
|
||||||
<div style="position:absolute; top:50%; font-size:18px; line-height:1; transition:left .9s ease-out, transform .25s ease-out; pointer-events:none; will-change:left,transform; z-index:1;"
|
<div style="position:absolute; top:0; bottom:0; display:flex; align-items:center; font-size:18px; line-height:1; transition:left .9s ease-out, transform .25s ease-out; pointer-events:none; will-change:left,transform; z-index:1;"
|
||||||
:style="{
|
:style="{
|
||||||
left: (positions[horse.id] || 0) + '%',
|
left: (positions[horse.id] || 0) + '%',
|
||||||
transform: 'translateY(-50%) translateX(-100%) ' + (leaderId === horse.id ? 'scale(1.2)' : 'scale(1)'),
|
transform: 'translateX(-100%) ' + (leaderId === horse.id ? 'scale(1.2)' : 'scale(1)'),
|
||||||
animation: (positions[horse.id] || 0) > 0 ? 'horse-run .45s ease-in-out infinite alternate' : 'none'
|
animation: (positions[horse.id] || 0) > 0 ? 'horse-run .45s ease-in-out infinite alternate' : 'none'
|
||||||
}">
|
}">
|
||||||
<span x-text="horse.emoji"></span>
|
<span x-text="horse.emoji"></span>
|
||||||
|
|||||||
Reference in New Issue
Block a user