tm-search.wxml 2.9 KB

1
  1. <view class="{{['tm-search','fulled','py-12','data-v-186be0f2',black_tmeme?'grey-darken-5':bgColor,'shadow-'+shadow]}}"><view data-event-opts="{{[['tap',[['$emit',['click']]]]]}}" class="tm-search-body flex-around data-v-186be0f2" bindtap="__e"><block wx:if="{{showLeft}}"><view class="flex-shrink pl-32 flex-center data-v-186be0f2"><block wx:if="{{$slots.left}}"><slot name="left"></slot></block><block wx:else><tm-icons vue-id="f50f3b42-1" black="{{black_tmeme}}" color="{{color_tmeme}}" dense="{{true}}" name="{{leftIcon}}" data-event-opts="{{[['^click',[['$emit',['cancel']]]]]}}" bind:click="__e" class="data-v-186be0f2" bind:__l="__l"></tm-icons></block></view></block><view class="{{['flex-between','','fulled','py-10','','mx-32','data-v-186be0f2',black_tmeme?' grey-darken-5':'grey-lighten-4','round-'+round]}}"><block wx:if="{{prefixText}}"><view class="px-16 flex-shrink flex-center text-size-n text-grey data-v-186be0f2">{{''+prefixText+''}}</view></block><block wx:if="{{prefixIcon}}"><view class="pl-16 flex-shrink flex-center data-v-186be0f2"><tm-icons vue-id="f50f3b42-2" black="{{black_tmeme}}" color="{{insertColor_thmeme}}" dense="{{true}}" name="{{prefixIcon}}" class="data-v-186be0f2" bind:__l="__l"></tm-icons></view></block><input class="{{['flat','fulled','text-size-n','pl-16','py-4','tm-search-body-searc','data-v-186be0f2','text-align-'+align]}}" confirm-type="search" type="search" disabled="{{disabled}}" placeholder="{{placeholder}}" data-event-opts="{{[['focus',[['$emit',['focus','$event']]]],['blur',[['$emit',['blur','$event']]]],['confirm',[['confirm',['$event']]]],['input',[['__set_model',['','valData','$event',[]]]]]]}}" value="{{valData}}" bindfocus="__e" bindblur="__e" bindconfirm="__e" bindinput="__e"/><block wx:if="{{clear&&valData.length>0}}"><view class="px-16 flex-shrink flex-center data-v-186be0f2"><tm-icons vue-id="f50f3b42-3" size="{{24}}" black="{{black_tmeme}}" color="{{insertColor_thmeme}}" dense="{{true}}" name="icon-times" data-event-opts="{{[['^click',[['e0']]]]}}" bind:click="__e" class="data-v-186be0f2" bind:__l="__l"></tm-icons></view></block><block wx:if="{{suffixIcon}}"><view class="px-16 flex-shrink flex-center data-v-186be0f2"><block wx:if="{{$slots.suffixIcon}}"><slot name="suffixIcon"></slot></block><block wx:else><tm-icons vue-id="f50f3b42-4" black="{{black_tmeme}}" color="{{insertColor_thmeme}}" dense="{{true}}" name="{{suffixIcon}}" data-event-opts="{{[['^click',[['confirm']]]]}}" bind:click="__e" class="data-v-186be0f2" bind:__l="__l"></tm-icons></block></view></block></view><block wx:if="{{showRight}}"><view data-event-opts="{{[['tap',[['confirm',['$event']]]]]}}" class="{{['flex-shrink','mr-32','text-size-n','data-v-186be0f2','text-'+color_tmeme]}}" bindtap="__e"><block wx:if="{{$slots.right}}"><slot name="right"></slot></block><block wx:else><text class="text-size-n data-v-186be0f2">{{confirmText}}</text></block></view></block></view></view>