1.6 KiB
1.6 KiB
需求分析 —— 2026-04-18-22-59-10
需求来源
用户希望调整字段默认下划线行为,并修复占位符文字居中的样式问题。
需求概述
需求 1:所有字段默认打印时不显示下划线
当前字段管理中,新增字段的「打印时显示下划线」复选框默认勾选(hasUnderline 默认为 true)。用户希望改为默认不勾选,即所有现有字段和新增字段在打印时默认不显示下划线。
具体改动点:
newFieldHasUnderline状态默认值从true改为false- 编辑字段回显时,
hasUnderline回退值从true改为false insertSmartField中类名判断逻辑改为:只要hasUnderline !== true就加.no-underlinedefaultContent.ts中smartField()直接给所有字段加.no-underline
需求 2:修复删除图片后占位符文字偏左
删除图片后,占位符恢复为默认状态,但提示文字(如「插入/点击放置图片」)在虚线框内偏左,未真正居中。
原因分析:虽然使用了 position:absolute + transform:translate(-50%, -50%),但 placeholder-text 是 display:block; width:100% 的块级元素,其内部文本流默认 text-align:left,导致文字靠左。
修复方案:在所有 .placeholder-text 的 style 中追加 text-align:center;。
涉及文件
src/pages/TemplateManage.tsx(需求 1、2)src/utils/defaultContent.ts(需求 1、2)src/pages/ReportEditor.tsx(需求 2)
需求影响范围
- 字段管理的默认值和插入逻辑
- 默认模板中所有 smartField 的下划线行为
- 所有图片占位符的提示文字对齐方式