wxc-input

输入框组件 - 小程序组件

Install

$ min install @minui/wxc-input

API

Input

| 名称 | 描述 | |----------------------|------------------------------| |title | [说明]：输入框前面的标题。若 src 或 icon 同时指定，title 的优先级最高，src 次之，icon 最低。[类型]：String[默认值]："" | |src | [说明]：输入框前面的图标，自定义图片链接。[类型]：String[默认值]："" | |icon | [说明]：输入框前面的图标，类型见 wxc-icon 组件。[类型]：String[默认值]："" | |icon-color | [说明]：输入框前面的图标颜色，与 icon 一同使用。[类型]：String[默认值]："" | |mode | [说明]：输入框边框模式。[类型]：String[可选值]：wrapped，有边框包裹；normal，只有下边框；none，无边框。[默认值]：normal | |right | [说明]：输入框文本是否向右对齐。[类型]：Boolean[默认值]：false | |error | [说明]：是否显示为输入框错误情况下的样式。[类型]：Boolean[默认值]：false | |value | [说明]：输入框的内容。[类型]：String[默认值]："" | |type | [说明]：input 的类型。[类型]：String[可选值]：text, number, idcard, digit[默认值]："text" | |password | [说明]：是否是密码类型。[类型]：Boolean[默认值]：false | |placeholder | [说明]：输入框为空时占位符。[类型]：String[默认值]："" | |placeholder-style | [说明]：指定 placeholder 的样式。[类型]：String[默认值]："" | |disabled | [说明]：是否禁用。[类型]：Boolean[默认值]：false | |maxlength | [说明]：最大输入长度，设置为 -1 的时候不限制最大长度。[类型]：Number[默认值]：140 | |cursor-spacing | [说明]：指定光标与键盘的距离，单位 px。[类型]：Number[默认值]：0 | |focus | [说明]：获取焦点。[类型]：Boolean[默认值]：false | |confirm-type | [说明]：设置键盘右下角按钮的文字。[类型]：String[可选值]：send, search, next, go, done[默认值]：done | |confirm-hold | [说明]：点击键盘右下角按钮时是否保持键盘不收起。[类型]：Boolean[默认值]：false | |cursor | [说明]：指定focus时的光标位置。[类型]：Number[默认值]：0 | |selection-start | [说明]：光标起始位置，自动聚集时有效，需与selection-end搭配使用。[类型]：Number[默认值]：-1 | |selection-end | [说明]：光标结束位置，自动聚集时有效，需与selection-start搭配使用。[类型]：Number[默认值]：-1 | |adjust-position | [说明]：键盘弹起时，是否自动上推页面。[类型]：Boolean[默认值]：true | |bind:input | [说明]：当键盘输入时，触发input事件，event.detail = {value, cursor}，处理函数可以直接 return 一个字符串，将替换输入框的内容。| |bind:focus | [说明]：输入框聚焦时触发，event.detail = { value, height }，height 参数在基础库 1.9.90 起支持 | |bind:blur | [说明]：输入框失去焦点时触发，event.detail = {value: value}| |bind:confirm | [说明]：点击完成按钮时触发，event.detail = {value: value}|

Note

小程序组件系统中组件是隔离的，所以提交表单时无法用 form 表单获取输入框中的值，只能单独获取。

ChangeLog

v1.0.0（2018-3-29）

• 初始版本