docs: document SOP fill field mint highlight convention
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
1 parent
8d51457dfa
commit
7541b0d762
1 file changed
+9
-2
@@ -63,8 +63,8 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
|
||||
| `sop-check` | 勾选框本体 |
|
||||
| `sop-check--checked` | 已勾选(编辑态视觉) |
|
||||
| `data-sop-checked="1"` | 勾选态属性兜底(序列化 / 打印) |
|
||||
| `sop-underline` | 下划线填写区,**左对齐** |
|
||||
| `sop-blank-cell` | 空白填写单元格,**左对齐** |
|
||||
| `sop-underline` | 下划线填写区,**左对齐**;运行时字色 `#059669`、字重 700,下划线 `#10b981`(见 `sop-print.ts`) |
|
||||
| `sop-blank-cell` | 空白填写单元格,**左对齐**;运行时字色/字重同上 |
|
||||
| `sop-option-cell` / `sop-option-cell-wide` | 窄格内选项间距 |
|
||||
|
||||
---
|
||||
@@ -98,6 +98,12 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
|
||||
- 内联 `text-align:left`(防止默认居中)
|
||||
- `min-width` 按栏位需要调整
|
||||
|
||||
运行时样式(编辑 + 打印,由 `sop-print.ts` 注入,模板 HTML 勿内联字色):
|
||||
|
||||
- 手填文字:`#059669`、`font-weight: 700`
|
||||
- 下划线:`#10b981`(约 1.5px)
|
||||
- 模板固定文案保持深灰;勾选框仍用 `#334155` 实心态
|
||||
|
||||
### 4.3 空白单元格
|
||||
|
||||
```html
|
||||
@@ -137,6 +143,7 @@ Logo:`src="/sop-templates/{资源名}"`(站点根路径,勿用相对路径
|
||||
4. **验收清单**
|
||||
- [ ] 工艺库编辑页:勾选可点、状态保存后重开仍在
|
||||
- [ ] 下划线填写左对齐
|
||||
- [ ] 手填区(下划线 / 空白格)为薄荷绿加粗,模板文案为深灰
|
||||
- [ ] 勾选框底边与旁侧文字对齐
|
||||
- [ ] 打印:勾选可见、顶部 logo 可见、无多余浏览器页眉页脚(打印对话框关闭「页眉和页脚」)
|
||||
- [ ] 关联路线 / 任务步骤已有 `sop_content`(若业务需要)
|
||||
|
||||
Reference in new issue
Block a user