FormList 表单列表
ZartUI Mobile · v1.8.0 · 输入框列表 / 选择器列表 / 上下结构 / 通栏布局 / 地图定位 / 表单提示
输入框列表
9:41
编辑资料
姓名*
联系电话*
身份证号
所在单位*
所在单位为必填项,请填写后提交
备注
工号
请确保填写信息与证件一致,审核通过后将无法修改
选择器列表
9:41
新增申请
申请类型*
差旅报销
出行时间*
请选择出行时间
出发城市*
深圳市
到达城市*
请选择到达城市
出行方式
高铁/火车
报销上限
5,000 元
报销上限由差旅政策自动带出,不可手动修改
混合列表(输入框 + 选择器)
9:41
员工信息
姓名*
所在部门*
请选择部门
所在部门为必填项,请选择后继续
直属上级
王总监
入职时间*
2024-03-15
联系方式
请输入正确的手机号码格式
上下结构布局(标签在上 · 输入框全宽)
9:41
编辑资料
姓名*
联系电话*
身份证号
所在单位*
所在单位为必填项,请填写后提交
备注
申请类型*
差旅报销
出行时间*
请选择出行时间
联系方式
请输入正确的手机号码格式
工号
定位地址*
广东省深圳市南山区科技园南路 88 号
请确保填写信息与证件一致,审核通过后将无法修改
通栏布局 · 左右结构
9:41
账号设置
姓名*
手机号*
电子邮箱
所在部门*
请选择部门
所在部门为必填项,请选择后保存
备注
工号
入职时间
2024-03-15
通栏布局 · 上下结构
9:41
编辑资料
姓名*
联系电话*
身份证号
所在单位*
所在单位为必填项,请填写后提交
申请类型*
差旅报销
出行时间*
请选择出行时间
备注
工号

规范速查表

属性 值 Token
画板宽度 414px —
行高(单行) 44px —
行间距 16px —
字段标题颜色 #6B7A99 G50
必填星号颜色 #F26450 R60
输入内容颜色 #223355 G60
占位符颜色 #A8B4C8 G40
箭头图标颜色 #A8B4C8 G40
清空图标背景 #CED4E0 G30
焦点全描边 #3388FF · 1.5px DB60
错误全描边 #F26450 · 1.5px R60
常规提示背景 #F5F7FA G05
常规提示文字 #6B7A99 G50
警告提示高度 28px —
警告提示背景 #FFECE8 R10
警告提示文字 #F26450 R60
辅助提示背景 #E9ECF2 G10
辅助提示文字 #6B7A99 G50
提示字号 12px / 400 —
地图高度 208px —
定位栏高度 40px —
定位 Pin 图标 #3388FF · 28×28 DB60
定位图标 #3388FF · 20×20 DB60
定位文字 14px / 400 G60
通栏布局
通栏页面底色 #FFFFFF G0
通栏输入框圆角 0(扁平) —
通栏分割线 0.5px solid G20 G20
通栏焦点/错误 3px 左侧竖条 DB60 / R60 DB60 / R60
通栏禁用态 G30 文字 + G0 背景 G30 / G0
输入区圆角 8px —
返回组件首页