介绍

表单项规范

尺寸图纸

实物控件 · CSS 像素 · 标注由当前组件实测生成。窄屏横向查看图纸。文字和图标容器距离均从控件外缘计算，包含 padding 与边框。

外层
标准高度 40px默认圆角 20px边框 2px
文字
字号 16px行高 30px文字距离边缘 20px文字与图标容器间距 4px
图标
图标 SVG 大小 18px图标容器大小 30px图标容器距离边缘 14px
01 / 单行输入KInput · 清除按钮独立操作
02 / 带前置图标输入沿用 input_icon_box · 前置图形仅提示输入含义
03 / 选择器KSelect · 可配置搜索，面板与资源选择器共用搜索框、选中背景及对勾
选择器 / 双图标容器图标容器大小均为30px；文字与最近图标容器间距4px，最右图标容器距离边缘14px
04 / 标准按钮KButton · 采用统一文字距离边缘标准，文字居中可留出更多空间
05 / 图标按钮标准图形18px，前置图标容器26px，距左外缘9px；文字居中
06 / 日期与时间KDateTimePicker · 图标容器30px，距离右边缘14px
日期 / 双图标容器文字区与真实输入同步，清除和日历图标容器大小均为30px
07 / 颜色KColorPicker · 色块28px，左侧2px边框+4px留白，右侧统一箭头
08 / 滑块数字KNumberSlider · 外框40px，内置按钮32px、四周4px同心圆角；箭头容器靠按钮最右端
42
09 / 开关KSwitch · 40px整条点击，拨钮44×28px；沿用专用内容布局
开启
10 / 单选组KRadioGroup · 最小高度40px；多项换行时增高
11 / 多行输入KTextarea · 最小高度40px，行高30px，纵向按内容增长
12 / 多语言输入KI18nInput · 标签栏与输入区叠加，复合高度按实际内容；文字距离左边缘20px

原名

Original name

未填写

未填写

13 / 角色选择器 · 未选择前置图标容器30px，文字距离图标容器4px；字号16px/行高30px
14 / 角色选择器 · 单选30px头像替代前置图标容器，与名称间隔4px；演示对象仅用于本页布局
15 / 角色选择器 · 多选保留标签及头像结构；标签文字16px/30px，移除SVG16px、容器24px
16 / 图鉴选择器 · 未选择与普通带图标输入共用容器大小、边缘距离和文字间距
17 / 图鉴选择器 · 单选名称16px/30px，标签内清除SVG16px、容器24px；外层箭头SVG18px、容器30px；演示对象仅用于本页布局
18 / 图鉴选择器 · 多选标签允许换行；文字16px/30px，标签组距离图标容器4px
19 / 对象数组标签与外框同心：四周距外缘4px（2px边框+2px内边距），外圆角20px、内圆角16px；标签高32px
20 / 字符串数组标签与外框保持同心圆角，四周距外缘4px；文字16px/30px，图标16px、删除容器24px

图纸中的480px仅为演示宽度，业务控件宽度由容器决定。标准按钮、输入框、选择器使用共享尺寸；此页仅展示标准文字规格；多行与复合控件采用图中注明的结构。查看表单布局与校验