3a0c099704fbeab85b91a374a0e2a1091e51c921
上一版把文体+字数、参考素材+比例各塞进同一个 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
Description
No description provided
Languages
Vue
70.2%
JavaScript
28.5%
SCSS
1.2%