输入框

cl-input 组件基于 uni-app 的 input 组件，同时添加新的支持：

• Props：fill border round prefix-icon suffix-icon
• Slots： prepend append

Props

参数	说明	类型	可选值	默认值
value / v-model	绑定值	string / number
type	类型	string	text 及原生 input 的 type 值	text
password	是否密码类型	boolean		false
placeholder	输入框为空时占位符	boolean		false
clearable	是否可清空	boolean		false
disabled	是否禁用状态	boolean		false
fill	是否宽度填充	boolean		false
round	是否圆角	boolean		false
border	是否带有边框	boolean		false
focus	是否聚焦	boolean		false
prefix-icon	前缀图标	string
suffix-icon	后缀图标	string
更多	https://uniapp.dcloud.io/component/input

Slots

插槽	说明
prepend	在元素的开始插入内容
append	在元素的结尾插入内容

Events

插槽	说明	回调参数
prefixIconTap	前缀图标点击时触发	value
suffixIconTap	后缀图标点击时触发	value

示例

基本用法

<cl-input v-model="val"></cl-input>

可清空

<cl-input clearable>主要</cl-input>

禁用状态

<cl-input disabled>主要</cl-input>

带图标

<!-- 前缀图标 -->
<cl-input prefix-icon="cl-icon-search"></cl-input>

<!-- 后缀图标 -->
<cl-input suffix-icon="cl-icon-image"></cl-input>

自定义

<cl-input>
	<text slot="prepend">https://</text>
</cl-input>

<cl-input>
	<text slot="append">.com</text>
</cl-input>