PasswordInput 密码输入框

ZartUI Mobile · 方框密码输入 · 数字/圆点模式 · 基础/自定义长度 · 三态

基础用法 · 6 位 数字/明文
9:41
PasswordInput 密码输入
紧凑状态
密码
5
7
输入中
密码
5
7
密码由 8-20 位数字、字母或符号组成
错误
密码
5
7
1
2
7
4
密码错误
基础用法 · 6 位 密码/圆点
9:41
PasswordInput 密码输入
隐藏密码
密码
输入中
密码
密码由 8-20 位数字、字母或符号组成
错误
密码
密码错误
自定义长度 · 4 位 数字/明文
9:41
PasswordInput 密码输入
紧凑状态
密码
5
7
输入中
密码
5
7
错误
密码
5
7
1
2
密码错误
自定义长度 · 4 位 密码/圆点
9:41
PasswordInput 密码输入
隐藏密码
密码
输入中
密码
错误
密码
密码错误

PasswordInput 规范速查表

导航栏（对齐 NAVBAR-SPEC）

状态栏高度44px
标题栏高度54px
导航标题20px / 500
导航背景#F5F7FA
返回箭头20×20px G60
页面宽度414px

尺寸 · 6 位

方框尺寸48×48px
方框间距12px
方框圆角5px
数字字号20px / 500
圆点直径12px

尺寸 · 4 位

方框尺寸56×56px
方框间距16px
方框圆角5px
数字字号24px / 500
圆点直径14px

颜色 & 状态

方框背景#FFFFFF
默认边框 (G20)#DDE1EB
输入中边框 (DB60)#3388FF
数字/圆点 (G60)#223355
错误边框 (danger)#F26450
返回组件首页