Input

输入框，可附带前缀、后缀图标, 可设置禁用状态，可自定义样式

效果

效果展示

$ npm install quist-ui -D

<import name='quist-input' src='@quist-ui/quist-input/index'></import>

<quist-input placeholder='请输入关键字'></quist-input>

<quist-input placeholder='请输入关键字' suffix="{{suffix}}"></quist-input>

<quist-input placeholder='请输入关键字' prefix="{{prefix}}" suffix="{{suffix}}"></quist-input>

<quist-input placeholder='请输入关键字' disabled></quist-input>

更详细代码可以参考 quist-input demo

属性	说明	类型	默认值
value	输入框内容	`String`	-
type	输入框类型(目前支持 `text` `number` `password` `phone(电话号码)` `bankCard(银行卡号)` `amount(金额)`	`String`	text
placeholder	占位	`String`	-
disabled	是否禁用	`Boolean`	false
autofocus	是否自动获取焦点	`Boolean`	false
prefix	带有前缀图标的input	`String`	-
suffix	带有后缀图标的input	`String`	-
icon-style	图标样式覆盖入口	`Object`	{}
wrapper-style	外层样式覆盖入口	`Object`	{}
input-style	输入框样式覆盖入口	`Object`	{}
on-change	监测数据改变事件	`function`	-