输入框 Input

参考淘宝闪购买家端交互规范打造，完整覆盖品牌绿描边主搜索框、全圆角/圆角 6px 双圆角、范围下拉菜单（全部 ▾）、历史词角标（刚搜过）、只读点击跳转搜索框、数字改价框、短信验证码框以及多行备注文本域等全场景形态。

一、顶部搜索框系列（全圆角 pill vs 圆角 6px round）

1. 闪购首页主搜索框（圆角 6px + 左侧扫码 + 拍照识货 + 实底按钮）

2. 全圆角胶囊主搜索框 + 范围下拉菜单 + 「刚搜过」词条角标

刚搜过

3. 轻量化「| 搜索」纯文字触发搜索框

二、白底导航搜索框 & 列表页浅灰搜索框

4. 搜索页白底搜索框（圆角 6px + 点击「全部 ▾」可切换搜索范围）

5. 分类页 / 快速下单页浅灰胶囊搜索框（支持只读点击跳转搜索页）

三、S2B 买家端表单输入框系列（金额改价 / 验证码 / 校验报错 / 多行备注）

6. 业务员/买家改价数字框（带前缀 ¥ 与后缀计量单位）

协商单价¥

元/件

7. 手机号 + 获取验证码操作插槽

联系电话

8. 校验错误警告态（红框 + 底部错误提示）

起订数量

包

当前商品最低起购量为 5 包，请重新输入

9. 多行订单备注文本域（带右下角实时字数统计）

0/100

10. 只读禁用展示态

默认仓库

API 参数说明

参数名	说明	类型	默认值
modelValue	输入框绑定值（支持 v-model）	string | number	''
variant	底色形态：outline（绿描边）/ white（白底）/ gray（浅灰底）/ form（表单）	string	'outline'
shape	圆角规格：round（圆角 6px）/ pill（全圆角 100px 胶囊）	string	'round'
size	高度规格：small（32px）/ medium（36px）/ large（40px）	string	'medium'
type	原生输入类型：text / number / tel / password / textarea	string	'text'
actionMode	右侧搜索动作：none / button（实底按钮）/ text（| 搜索 纯文字）	string	'none'
scopeOptions	左侧搜索范围下拉菜单配置（{ label, value }[]）	Array	[]
scopeValue	当前选中的搜索范围值（支持 v-model:scope-value）	string | number	''
leftScan	是否在左侧展示扫码图标（带右侧分割线）	boolean	false
rightScan	是否在右侧展示扫码图标	boolean	false
rightCamera	是否在右侧展示拍照识货图标	boolean	false
keywordTag	词条右侧绿色小角标文字（如 '刚搜过'）	string	''
prefixText	前缀符号或文字（如 '¥'）	string	''
suffixText	后缀单位文字（如 '元/件'、'包'）	string	''
label	表单模式左侧标题文字	string	''
required	表单模式是否显示红色必填 * 号	boolean	false
errorMessage	校验错误提示文案（传入后自动切换为红框警告态）	string	''
showWordLimit	多行文本域是否显示右下角字数统计（需配合 maxlength）	boolean	false
readonly	是否只读（常用于点击整个搜索栏跳转到独立搜索页）	boolean	false
disabled	是否禁用	boolean	false