feat(Search): add clear-icon prop (#4463)

* feat(Search): add clear-icon prop

* docs(Search): update doc
This commit is contained in:
nemo-shen 2021-09-07 10:07:24 +08:00 committed by GitHub
parent cc0df907e7
commit b5ab3bee64
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 11 additions and 1 deletions

View File

@ -49,6 +49,10 @@ VantComponent({
type: String, type: String,
value: '6.2em', value: '6.2em',
}, },
clearIcon: {
type: String,
value: 'clear',
},
}, },
data: { data: {

View File

@ -29,7 +29,7 @@
<van-icon <van-icon
wx:if="{{ showClear }}" wx:if="{{ showClear }}"
name="clear" name="{{ clearIcon }}"
class="van-field__clear-root van-field__icon-root" class="van-field__clear-root van-field__icon-root"
catch:touchstart="onClear" catch:touchstart="onClear"
/> />

View File

@ -134,6 +134,7 @@ Page({
| use-right-icon-slot | 是否使用输入框右侧图标 slot | _boolean_ | `false` | - | | use-right-icon-slot | 是否使用输入框右侧图标 slot | _boolean_ | `false` | - |
| left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件(如果设置了 use-left-icon-slot则该属性无效 | _string_ | `search` | - | | left-icon | 输入框左侧图标名称或图片链接,可选值见 Icon 组件(如果设置了 use-left-icon-slot则该属性无效 | _string_ | `search` | - |
| right-icon | 输入框右侧图标名称或图片链接,可选值见 Icon 组件(如果设置了 use-right-icon-slot则该属性无效 | _string_ | - | - | | right-icon | 输入框右侧图标名称或图片链接,可选值见 Icon 组件(如果设置了 use-right-icon-slot则该属性无效 | _string_ | - | - |
| clear-icon `v1.8.4` | 清除[图标名称](#/icon)或图片链接 | _string_ | `clear` |
### Events ### Events

View File

@ -44,6 +44,10 @@ VantComponent({
type: Boolean, type: Boolean,
value: true, value: true,
}, },
clearIcon: {
type: String,
value: 'clear',
},
}, },
methods: { methods: {

View File

@ -21,6 +21,7 @@
disabled="{{ disabled }}" disabled="{{ disabled }}"
readonly="{{ readonly }}" readonly="{{ readonly }}"
clearable="{{ clearable }}" clearable="{{ clearable }}"
clear-icon="{{ clearIcon }}"
maxlength="{{ maxlength }}" maxlength="{{ maxlength }}"
input-align="{{ inputAlign }}" input-align="{{ inputAlign }}"
input-class="input-class" input-class="input-class"