You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.8 KiB
54 lines
1.8 KiB
<wxs src="../wxs/utils.wxs" module="utils" /> |
|
|
|
<view |
|
class="{{ utils.bem('search', { withaction: showAction || useActionSlot }) }} custom-class" |
|
style="background: {{ background }}" |
|
> |
|
<view class="{{ utils.bem('search__content', [shape]) }}"> |
|
<view class="van-search__label" wx:if="{{ label }}">{{ label }}</view> |
|
<slot wx:else name="label" /> |
|
|
|
<van-field |
|
type="search" |
|
left-icon="{{ !useLeftIconSlot ? leftIcon : '' }}" |
|
right-icon="{{ !useRightIconSlot ? rightIcon : '' }}" |
|
focus="{{ focus }}" |
|
error="{{ error }}" |
|
border="{{ false }}" |
|
confirm-type="search" |
|
class="van-search__field field-class" |
|
value="{{ value }}" |
|
disabled="{{ disabled }}" |
|
readonly="{{ readonly }}" |
|
clearable="{{ clearable }}" |
|
clear-trigger="{{ clearTrigger }}" |
|
clear-icon="{{ clearIcon }}" |
|
maxlength="{{ maxlength }}" |
|
input-align="{{ inputAlign }}" |
|
input-class="input-class" |
|
placeholder="{{ placeholder }}" |
|
placeholder-style="{{ placeholderStyle }}" |
|
cursor-spacing="{{ cursorSpacing }}" |
|
custom-style="padding: 5px 10px 5px 0; background-color: transparent;" |
|
bind:blur="onBlur" |
|
bind:focus="onFocus" |
|
bind:change="onChange" |
|
bind:confirm="onSearch" |
|
bind:clear="onClear" |
|
bind:click-input="onClickInput" |
|
> |
|
<slot wx:if="{{ useLeftIconSlot }}" name="left-icon" slot="left-icon" /> |
|
<slot wx:if="{{ useRightIconSlot }}" name="right-icon" slot="right-icon" /> |
|
</van-field> |
|
</view> |
|
|
|
<view |
|
wx:if="{{ showAction || useActionSlot }}" |
|
class="van-search__action" |
|
hover-class="van-search__action--hover" |
|
hover-stay-time="70" |
|
> |
|
<slot wx:if="{{ useActionSlot }}" name="action" /> |
|
<view wx:else bind:tap="onCancel" class="van-search__action-button cancel-class">{{ actionText }}</view> |
|
</view> |
|
</view>
|
|
|