这个布局可以
开始编写规格文档
优化版：左右双栏布局 v2
整合了 Enter 键跳转、聚焦全选、向上取整等交互细节
📦 快递体积重计算器
v1.0
📋 包裹清单
共 3 件
申通快递
7 kg
系数 8000
百世快运
10 kg
系数 5000
📝 包裹录入
切为体积输入
⏎ Enter 跳转下一项 ｜ 聚焦全选
长 (cm)
30
← 聚焦全选 (蓝色高亮)
宽 (cm)
高 (cm)
件数
← 回车添加包裹
体积 9,000 cm³
申通 2 kg
百世 2 kg
交互细节说明
⏎ Enter 键行为
- 长 → Enter → 宽
- 宽 → Enter → 高
- 高 → Enter → 件数
- 件数 → Enter → 添加包裹
🖱 聚焦全选
- 点击/Tab 进入输入框
- 自动全选已有数字
- 直接输入覆盖，无需手动删除
✎ 行内编辑
- 点击 ✎ → 回填到右侧表单
- 修改后点击「更新」替换
- 点击 ✕ 删除单件包裹