From 3ce270e7e66779c333e79db2a1c274fa71c414e6 Mon Sep 17 00:00:00 2001 From: unanmed <1319491857@qq.com> Date: Tue, 19 Aug 2025 14:01:12 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20=E6=A5=BC=E5=B1=82=E9=80=89=E6=8B=A9?= =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BA=A4=E4=BA=92=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/render/components/floorSelect.tsx | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/packages-user/client-modules/src/render/components/floorSelect.tsx b/packages-user/client-modules/src/render/components/floorSelect.tsx index d0a8f17..d2561b3 100644 --- a/packages-user/client-modules/src/render/components/floorSelect.tsx +++ b/packages-user/client-modules/src/render/components/floorSelect.tsx @@ -43,7 +43,9 @@ export const FloorSelector = defineComponent< >((props, { emit }) => { const listFont = new Font(Font.defaultFamily, 12); + /** 当前选中楼层,不反向 */ const now = ref(props.now ?? 0); + /** 当前鼠标选中楼层,反向 */ const selList = ref(0); const scrollRef = ref(); @@ -85,7 +87,7 @@ export const FloorSelector = defineComponent< const res = clamp(index, 0, floors.value.length - 1); const reversed = floors.value.length - res - 1; now.value = res; - selList.value = res; + selList.value = reversed; const y = reversed * 24; scrollRef.value?.scrollTo(y, time); emit('update', now.value, floorId.value); @@ -158,9 +160,9 @@ export const FloorSelector = defineComponent< > {floors.value.map((v, i, a) => { const floor = core.floors[v]; + const reversed = a.length - i - 1; const nowFloor = a.length - now.value - 1; - const sel = a.length - selList.value - 1; - const highlight = nowFloor === i || sel === i; + const highlight = nowFloor === i || selList.value === i; const color = highlight ? '#fff' : '#aaa'; const fill = highlight ? '#fff' : '#000'; return ( @@ -177,8 +179,8 @@ export const FloorSelector = defineComponent< font={listFont} fillStyle={color} onEnter={() => enterList(i)} - onLeave={() => enterList(now.value)} - onClick={() => changeTo(i)} + onLeave={() => enterList(nowFloor)} + onClick={() => changeTo(reversed)} />