Vue Flow 节点尺寸优化对比
❌ 优化前(太大)
原始尺寸过大,占用太多画布空间
✅ 优化后(合适)
优化后尺寸更合理,适合流程图设计
📊 优化详情
- 开始/结束节点: 120px → 80-120px,padding减少,圆角调整
- 任务节点: 140px → 90-140px,更紧凑的设计
- 决策节点: 100×100px → 60×60px,大幅缩小菱形尺寸
- 连接点: 10px → 8px,更精致的连接点
- 字体: 14px → 12px,更适合小尺寸节点
- 阴影: 减少模糊范围,更清晰的视觉效果
🎯 优化效果
- ✅ 节点尺寸更合理,不会过分占用画布空间
- ✅ 决策节点从巨大的菱形变成合适的小菱形
- ✅ 保持了视觉层次和可读性
- ✅ 更适合复杂流程图的设计
- ✅ 连接点和字体大小匹配节点尺寸