优化跑马显示

2026-04-12 18:01:35 +08:00
parent 1559e49d3d
commit 5755bea748
1 changed files with 2 additions and 2 deletions
@@ -210,10 +210,10 @@
                                                '#b8d0e8')">
                                        </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="{
                                                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'
                                            }">
                                            <span x-text="horse.emoji"></span>