From 13cbd587564164107e10dc65e076e65d27b7ba26 Mon Sep 17 00:00:00 2001 From: zhutianyu <415960202@qq.com> Date: Mon, 14 Aug 2017 10:47:27 +0800 Subject: [PATCH] update gh-pages --- css/app.82c900ad66561755dd2804f0ed293fa3.css | 131 ++++++++++++++++++ ...p.82c900ad66561755dd2804f0ed293fa3.css.map | 1 + iconfont.svg | 36 +++++ index.html | 1 + js/app.7eb5ae5e5505a1a388c1.js | 7 + js/app.7eb5ae5e5505a1a388c1.js.map | 1 + 6 files changed, 177 insertions(+) create mode 100644 css/app.82c900ad66561755dd2804f0ed293fa3.css create mode 100644 css/app.82c900ad66561755dd2804f0ed293fa3.css.map create mode 100644 iconfont.svg create mode 100644 index.html create mode 100644 js/app.7eb5ae5e5505a1a388c1.js create mode 100644 js/app.7eb5ae5e5505a1a388c1.js.map diff --git a/css/app.82c900ad66561755dd2804f0ed293fa3.css b/css/app.82c900ad66561755dd2804f0ed293fa3.css new file mode 100644 index 0000000..e7667ca --- /dev/null +++ b/css/app.82c900ad66561755dd2804f0ed293fa3.css @@ -0,0 +1,131 @@ +/* Font + -------------------------- */ +/* Border + -------------------------- */ +/* Disable base +-------------------------- */ +/* Input +-------------------------- */ +.vm-input { + position: relative; + font-size: 14px; + display: inline-block; +} +.vm-input__inner { + appearance: none; + background-color: #fff; + background-image: none; + border-radius: 4px; + border: 1px solid #bfcbd9; + box-sizing: border-box; + color: #1f2d3d; + display: inline-block; + font-size: inherit; + height: 36px; + line-height: 1; + outline: none; + padding: 3px 10px; + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); + width: 180px; +} +.vm-input__inner::placeholder { + color: #97a8be; +} +.vm-input__inner:hover { + border-color: #8391a5; +} +.vm-input__inner:focus { + outline: none; + border-color: #20a0ff; +} +.vm-input__icon { + position: absolute; + width: 35px; + height: 100%; + right: 0; + top: 0; + text-align: center; + color: #bfcbd9; + transition: all .3s; +} +.vm-input__icon:after { + content: ''; + height: 100%; + width: 0; + display: inline-block; + vertical-align: middle; +} +.vm-input__icon + .vm-input__inner { + padding-right: 35px; +} +.vm-input__icon.clickable:hover { + cursor: pointer; + color: #8391a5; +} +.vm-input__icon.clickable:hover + .vm-input__inner { + border-color: #8391a5; +} +.vm-input.active .el-input__inner { + outline: none; + border-color: #20a0ff; +} +.vm-input.disabled .vm-input__inner { + background-color: #eef1f6; + border-color: #d1dbe5; + color: #bbb; + cursor: not-allowed; +} +.vm-input.disabled .vm-input__inner::placeholder { + color: #bfcbd9; +} +vm-input-group { + line-height: normal; + display: inline-table; + width: 100%; + border-collapse: separate; +} +vm-input-group > .vm-input__inner { + vertical-align: middle; + display: table-cell; +} +.vm-textarea { + display: inline-block; + width: 100%; + vertical-align: bottom; +} +.vm-textarea__inner { + display: block; + resize: vertical; + padding: 5px 7px; + line-height: 1.5; + box-sizing: border-box; + width: 100%; + font-size: 14px; + color: #1f2d3d; + background-color: #fff; + background-image: none; + border: 1px solid #bfcbd9; + border-radius: 4px; + transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); +} +.vm-textarea__inner::placeholder { + color: #97a8be; +} +.vm-textarea__inner:hover { + border-color: #8391a5; +} +.vm-textarea__inner:focus { + outline: none; + border-color: #20a0ff; +} +.vm-textarea.disabled .vm-textarea__inner { + background-color: #eef1f6; + border-color: #d1dbe5; + color: #bbb; + cursor: not-allowed; +} +.vm-textarea.disabled .vm-textarea__inner::placeholder { + color: #bfcbd9; +} + +/*# sourceMappingURL=app.82c900ad66561755dd2804f0ed293fa3.css.map*/ \ No newline at end of file diff --git a/css/app.82c900ad66561755dd2804f0ed293fa3.css.map b/css/app.82c900ad66561755dd2804f0ed293fa3.css.map new file mode 100644 index 0000000..80987e5 --- /dev/null +++ b/css/app.82c900ad66561755dd2804f0ed293fa3.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"css/app.82c900ad66561755dd2804f0ed293fa3.css","sourceRoot":""} \ No newline at end of file diff --git a/iconfont.svg b/iconfont.svg new file mode 100644 index 0000000..59d5667 --- /dev/null +++ b/iconfont.svg @@ -0,0 +1,36 @@ + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..bb87054 --- /dev/null +++ b/index.html @@ -0,0 +1 @@ +
参数 | \n说明 | \n类型 | \n可选值 | \n默认值 | \n \n \n
---|---|---|---|---|
type | \n类型 | \nstring | \ntext/textarea | \ntext | \n
value | \n绑定值 | \nstring, number | \n— | \n— | \n
maxlength | \n最大输入长度 | \nnumber | \n— | \n— | \n
minlength | \n最小输入长度 | \nnumber | \n— | \n— | \n
placeholder | \n输入框占位文本 | \nstring | \n— | \n— | \n
disabled | \n禁用 | \nboolean | \n— | \nfalse | \n
icon | \n输入框尾部图标 | \nstring | \n— | \n— | \n
rows | \n输入框行数,只对 type=\"textarea\" 有效 | \nnumber | \n— | \n2 | \n
autosize | \n自适应内容高度,只对 type=\"textarea\" 有效,可传入对象,如,{ minRows: 2, maxRows: 6 } | \nboolean/object | \n— | \nfalse | \n
autowidth | \n宽度是否是100% | \nboolean | \ntrue, false | \nfalse | \n
auto-complete | \n原生属性,自动补全 | \nstring | \non, off | \noff | \n
name | \n原生属性 | \nstring | \n— | \n— | \n
readonly | \n原生属性,是否只读 | \nboolean | \n— | \nfalse | \n
max | \n原生属性,设置最大值 | \n— | \n— | \n— | \n
min | \n原生属性,设置最小值 | \n— | \n— | \n— | \n
step | \n原生属性,设置输入字段的合法数字间隔 | \n— | \n— | \n— | \n
autofocus | \n原生属性,自动获取焦点 | \nboolean | \ntrue, false | \nfalse | \n
form | \n原生属性 | \nstring | \n— | \n— | \n
inputclass | \ninput 类名,宽度100%需要autowidth属性配置, | \nstring | \n— | \n— | \n
on-icon-click | \n点击 Input 内的图标的钩子函数 | \nfunction | \n— | \n— | \n
事件名称 | \n说明 | \n回调参数 | \n \n \n
---|---|---|
blur | \n在 Input 失去焦点时触发 | \n(event: Event) | \n
focus | \n在 Input 获得焦点时触发 | \n(event: Event) | \n
change | \n在 Input 值改变时触发 | \n(value: string | number) | \n
enter | \n当 Input 获得焦点时,按enter键时触发 | \n(event: Event) | \n