search.wxml 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. <wxs src="../common/utils.wxs" module="_" />
  2. <view style="{{_._style([style, customStyle])}}" class="class {{classPrefix}} {{prefix}}-class">
  3. <view
  4. class="{{classPrefix}}__input-box {{prefix}}-{{localValue.focus ? 'is-focused' : 'not-focused'}} {{classPrefix}}__input-box--{{center ? 'center' : ''}} {{classPrefix}}__input-box--{{shape}} {{prefix}}-class-input-container"
  5. >
  6. <!-- <view wx:if="{{label}}" class="{{classPrefix}}__label {{prefix}}-class-label">{{label}}</view>
  7. <slot name="label" /> -->
  8. <t-icon
  9. wx:if="{{leftIcon}}"
  10. name="{{leftIcon}}"
  11. size="24"
  12. class="{{prefix}}-icon {{prefix}}-class-left"
  13. aria-hidden="{{true}}"
  14. />
  15. <slot name="left-icon" />
  16. <input
  17. type="{{type}}"
  18. name="input"
  19. disabled="{{disabled}}"
  20. class="{{prefix}}-input__keyword {{prefix}}-class-input"
  21. focus="{{localValue.focus}}"
  22. value="{{value}}"
  23. confirm-type="search"
  24. placeholder="{{placeholder}}"
  25. placeholder-class="{{classPrefix}}__placeholder {{classPrefix}}__placeholder--{{center ? 'center': 'normal'}}"
  26. bind:input="onInput"
  27. bind:focus="onFocus"
  28. bind:blur="onBlur"
  29. bind:confirm="onConfirm"
  30. />
  31. <view
  32. wx:if="{{value !=='' && clearable}}"
  33. class="{{classPrefix}}__clear {{prefix}}-class-clear"
  34. bind:tap="handleClear"
  35. aria-role="button"
  36. aria-label="清除"
  37. >
  38. <t-icon name="close-circle-filled" size="24" />
  39. </view>
  40. </view>
  41. <view
  42. wx:if="{{action}}"
  43. class="{{classPrefix}}__search-action {{prefix}}-class-action"
  44. bindtap="onActionClick"
  45. aria-role="button"
  46. >
  47. {{action}}
  48. </view>
  49. <slot name="action" />
  50. </view>