Os UiInput 输入框
通过鼠标或键盘输入字符
基础用法
html
<os-input
v-model="text"
placeholder="搜索关键字"></os-input>
<!-- textarea -->
<os-input
v-model="textarea"
class="os-margin-top-s"
type="textarea"
placeholder="请输入您的建议..."></os-input>图标输入框
要在输入框中添加图标，你可以简单地使用 prefix-icon 和 suffix-icon 属性。 另外， prefix 和 suffix 命名的插槽也能正常工作。
html
<os-input
v-model="text"
placeholder="搜索关键字"
prefix-icon="os-icon-search"></os-input>
<os-input
v-model="text"
placeholder="YYYY-MM-DD"
suffix-icon="os-icon-calendar"></os-input>
<!-- Slot插槽方式 -->
<os-input
v-model="text">
<template #suffix>
<i class="os-icon-calendar"></i>
</template>
</os-input>一键清空
使用clearable属性当存在字符且鼠标经过时，可等到一个一键清空按钮。
html
<os-input
v-model="text"
clearable>
</os-input>密码框
使用 password-eye 属性即可得到一个可切换显示隐藏的密码框
html
<os-input
v-model="password"
type="password"
password-eye>
</os-input>复合型输入框
可通过 prevend 和 append 命名的插槽进行前后置元素，一般为输入框，按钮等。
Http://
HKD
尺寸
使用 size 属性改变输入框大小。 除了默认大小外，还有另外两个选项： large, mini。
html
<os-input
v-model="text"
size="large">
</os-input>