--- 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`)与表单页使用同一套字号