38 lines
1.5 KiB
Plaintext
38 lines
1.5 KiB
Plaintext
---
|
||
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`）与表单页使用同一套字号
|