feat: 新增手动进仓并统一PDA字号标准

This commit is contained in:
2026-09-30 12:29:45 +08:00
parent 45a8928564
commit 304d7ccde0
7 changed files with 654 additions and 7 deletions
+37
View File
@@ -0,0 +1,37 @@
---
description: PDA 小屏界面字号与排版标准(以手动进仓页为准)
alwaysApply: true
---
# PDA 字号标准
本项目面向工业 PDA 小屏。新增/改版业务页时,**以后台手动进仓页**(`storeFabricManualIn.vue`)的字号为准,不要用偏小的默认字号。
共用变量:`@import '@/common/pda-typography.scss';`(或等价路径)。
## 字号(rpx)
| 用途 | 字号 | 变量 |
|------|------|------|
| 表单标签 / 正文 / 输入值 | **36** | `$pda-font-body` |
| 扫码输入框 | **36** | `$pda-font-body` |
| 占位提示 | **34** | `$pda-font-placeholder` |
| 行内操作(取消/修改) | **34** | `$pda-font-action` |
| 单位角标(如 KG) | **32** | `$pda-font-unit` |
| 顶栏次要文字(设置等) | **32** | `$pda-font-nav-sub` |
| 主按钮文字 | **36** | `$pda-font-button` |
| 弹层标题 / 选项 | **36** | `$pda-font-popup-title` / `$pda-font-popup-item` |
| 弹层取消 / 空态 | **34** | `$pda-font-popup-sub` |
## 行高与触控
- 列表行最小高度约 **100rpx**,可略加上下 padding
- 扫码输入框高度约 **100rpx**
- 主按钮高度约 **92rpx**
- 标签列宽约 **200rpx**(中文四字标签)
## 注意
- 登录环境选择、出仓明细等已放大过的页面,新改动保持不低于上表
- 不要为了“好看”再缩小字号;宁可少露内容、可滚动,也要可读
- 选择类弹层(如 `SearchSelectPopup`)与表单页使用同一套字号