状态 1 · 列表视图(默认)

切换段控放在项目名右侧, 与名称同一行
我的看板项目
列表
看板
已归档
管理
+ 新增
「项目管理」按钮文案收窄为「管理」, 与「已归档」同为次级样式, 突出右侧主操作
梳理 V0.2 归档需求
OTA 发布说明样式修复
看板列滚动条位置调整
规格
· 分段控件高 26px, 选中项白底浮起(复用现有 .seg 体系收窄版)
· 项目名 flex:1 + 单行省略, 最短保留 4 字符
· 段控始终紧贴名称右侧, 距离 8px

状态 2 · 看板视图

点「看板」后段控选中项滑换, 其余布局不变
我的看板项目
列表
看板
已归档
管理
+ 新增
Plan · 2
梳理归档需求
OTA 说明修复
Doing · 1
滚动条调整
Done · 1
版本方案落地
交互
· 点按即切换并持久化(设备端记忆, T-VW-02/03 不变)
· 切换不引发项目栏高度变化, 下方视图平滑重排
· 长按/拖动手势不受影响(段控独立控件, 不在卡片上)

状态 3 · 长项目名

名称被压缩时单行省略, 段控与按钮永不换行/收缩
经济数据整理与策略研究-2026年第一季度重点项目
列表
看板
已归档
管理
+ 新增
完整项目名在详情/管理页仍可见
宽度预算 (375px)
· 左右内边距 24 + 段控 90 + 已归档 48 + 管理 42 + 新增 54 + 间距 32 ≈ 290
· 名称可用 ≈ 85px(约 6 个汉字)起, 不足部分省略
· 若仍嫌拥挤, 备选:「已归档」「管理」收进 ⋯ 溢出菜单(二期可选, 本稿未采用)