fix(ui): 修复提供商展开时左侧节点位置偏移问题

将上半段连线从自适应高度改为固定高度,确保节点圆点始终与卡片头部对齐
This commit is contained in:
fawney19
2026-01-13 16:06:52 +08:00
parent 85decd7487
commit e536b7bc35

View File

@@ -296,10 +296,10 @@
<!-- 提供商行 --> <!-- 提供商行 -->
<div class="flex py-1"> <div class="flex py-1">
<!-- 左侧节点 + 连线 --> <!-- 左侧节点 + 连线 -->
<div class="w-6 flex flex-col items-center shrink-0"> <div class="w-6 flex flex-col items-center shrink-0 self-stretch">
<!-- 上半段连线 --> <!-- 上半段连线 -->
<div <div
class="w-0.5 flex-1" class="w-0.5 h-5"
:class="providerIndex === 0 ? 'bg-transparent' : 'bg-border'" :class="providerIndex === 0 ? 'bg-transparent' : 'bg-border'"
/> />
<!-- 节点圆点 --> <!-- 节点圆点 -->
@@ -307,7 +307,7 @@
class="w-3 h-3 rounded-full border-2 shrink-0" class="w-3 h-3 rounded-full border-2 shrink-0"
:class="getFormatProviderNodeClass(providerEntry, providerIndex)" :class="getFormatProviderNodeClass(providerEntry, providerIndex)"
/> />
<!-- 下半段连线 --> <!-- 下半段连线延伸到底部 -->
<div <div
class="w-0.5 flex-1" class="w-0.5 flex-1"
:class="providerIndex === formatGroup.providers.length - 1 ? 'bg-transparent' : 'bg-border'" :class="providerIndex === formatGroup.providers.length - 1 ? 'bg-transparent' : 'bg-border'"