feat: 新增手动进仓并统一PDA字号标准
This commit is contained in:
@@ -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`)与表单页使用同一套字号
|
||||
Reference in New Issue
Block a user