@minui/wxc-input

输入框组件 - 小程序组件

Stats

StarsIssuesVersionUpdatedCreatedSize
@minui/wxc-input
3,521661.0.23 years ago3 years agoMinified + gzip package size for @minui/wxc-input in KB

Readme

wxc-input

输入框组件 - 小程序组件

Install

$ min install @minui/wxc-input

API

Input

名称 描述
title [说明]:输入框前面的标题。若 srcicon 同时指定,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)

  • 初始版本

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.