weicw-dshsa 3a0c099704 style(ai): 助手页参数面板改为「每组选项各占一行」横向滑动
上一版把文体+字数、参考素材+比例各塞进同一个 scroll-view,靠后那组会被
滑出屏幕外;且在 375px 小屏上文体/字数仍会换行堆叠成 3 行,把消息区挤掉
小半屏。改为**每组选项各自一个 scroll-x 行**:

- 写作:文体一行、字数一行
- 图片:参考素材一行(「添加附件」放最左,保证不被滑出屏幕)、比例一行
- 删掉不再需要的竖分隔线 .option-sep
- 同步收紧 mode-tags 间距(16rpx → 12rpx)

实测(375×667 复刻页,见 probe/layout-preview.html):

| | 参数区 | composer 总高 | 占屏 |
| --- | --- | --- | --- |
| 写作 改版前 | 118.2px(3 行) | 185.4px | 28% |
| 写作 改版后 | 86.6px(2 行) | 153.8px | 23% |
| 图片 改版前 | 149.8px | 217.0px | 33% |
| 图片 改版后 | 120.6px | 187.8px | 28% |

横向轨道实测:文体 356px / 字数 381px 超出 331px 可用宽 → 确实滚动而非换行;
参考素材 163px、比例 242px 均在 331px 内,无需滑动即可看全。

验证:verify-uniapp-assistant-template.js 新增 4 项布局断言(每组恰好独占一个
option-scroll、无混行、chip/label 有 flex-shrink:0、旧版布局无残留),全绿;
判别力经 5 处变异测试证伪(删整行 / 去 flex-shrink / 加回分隔线 /
混入别组选项 / 退回换行堆叠)。

Refs: .scratch/ai-assistant/issues/15-uniapp-assistant-modes-align-web.md
2026-10-13 20:32:20 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
2026-07-20 11:56:02 +08:00
S
Description
No description provided
1.7 MiB
Languages
Vue 70.2%
JavaScript 28.5%
SCSS 1.2%