表单
表单组件
switch
基本用法
<vi-switch v-model="switchValue1"></vi-switch>
<vi-switch
active-color="#13ce66"
inactive-color="#ff4949"
v-model="switchValue2">
</vi-switch>
<vi-switch v-model="switchValue3" disabled></vi-switch>
1
2
3
4
5
6
7
2
3
4
5
6
7
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| active-color | 开关正确对应的背景颜色 | String | -- | -- |
| inactive-color | 开关错误对应的背景颜色 | String | -- | -- |
| disabled | 禁用状态 | Boolean | -- | false |
input
基本用法
<vi-input placeholder="默认状态"></vi-input>
<vi-input value="初始内容"></vi-input>
<vi-input icon="like" placeholder="添加icon"></vi-input>
<vi-input v-model="message"></vi-input>
<vi-input placeholder="禁用状态" disabled></vi-input>
<vi-input placeholder="只读状态" readonly></vi-input>
<vi-input placeholder="错误状态" error></vi-input>
1
2
3
4
5
6
7
2
3
4
5
6
7
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| placeholder | 原生属性 | String | -- | -- |
| value | 输入框初始内容 | String | -- | -- |
| icon | 图标名 | String | -- | -- |
| disabled | disabled状态 | Boolean | -- | false |
| readonly | readonly状态 | Boolean | -- | false |
| error | error状态 | Boolean | -- | false |