<view class="uni-searchbar data-v-64ee3838"><view data-event-opts="{{[['tap',[['searchClick',['$event']]]]]}}" class="uni-searchbar__box data-v-64ee3838" style="{{'border-radius:'+(radius+'px')+';'+('background-color:'+(bgColor)+';')}}" bindtap="__e"><view class="uni-searchbar__box-icon-search data-v-64ee3838"><block wx:if="{{$slots.searchIcon}}"><slot name="searchIcon"></slot></block><block wx:else><uni-icons vue-id="38d7ccbc-1" color="#999999" size="18" type="search" class="data-v-64ee3838" bind:__l="__l"></uni-icons></block></view><block wx:if="{{show||searchVal}}"><input class="uni-searchbar__box-search-input data-v-64ee3838" focus="{{showSync}}" placeholder="{{placeholder}}" maxlength="{{maxlength}}" confirm-type="search" type="text" disabled="{{disabled}}" data-event-opts="{{[['confirm',[['confirm',['$event']]]],['blur',[['blur',['$event']],['$forceUpdate']]],['focus',[['focusFn',['$event']]]],['tap',[['clickFn',['$event']]]],['input',[['__set_model',['','searchVal','$event',['trim']]]]]]}}" value="{{searchVal}}" bindconfirm="__e" bindblur="__e" bindfocus="__e" bindtap="__e" bindinput="__e"/></block><block wx:else><text class="uni-searchbar__text-placeholder data-v-64ee3838">{{placeholder}}</text></block><block wx:if="{{show&&(clearButton==='always'||clearButton==='auto'&&searchVal!=='')}}"><view data-event-opts="{{[['tap',[['clear',['$event']]]]]}}" class="uni-searchbar__box-icon-clear data-v-64ee3838" bindtap="__e"><block wx:if="{{$slots.clearIcon}}"><slot name="clearIcon"></slot></block><block wx:else><uni-icons vue-id="38d7ccbc-2" color="#c0c4cc" size="18" type="clear" class="data-v-64ee3838" bind:__l="__l"></uni-icons></block></view></block></view><block wx:if="{{cancelButton==='always'||show&&cancelButton==='auto'}}"><text data-event-opts="{{[['tap',[['cancel',['$event']]]]]}}" class="uni-searchbar__cancel data-v-64ee3838" catchtap="__e">{{cancelText}}</text></block></view>
|