C端小程序
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

27 Zeilen
1.6 KiB

  1. <navbar home back text="门店搜素"></navbar>
  2. <view class="weui-search-bar {{extClass}}" style="margin-top:{{navigationBarHeight}}rpx">
  3. <view class="weui-search-bar__form">
  4. <view class="weui-search-bar__box" style="position:relative;">
  5. <icon class="weui-icon-search_in-box" type="search" size="12"></icon>
  6. <input type="text" class="weui-search-bar__input" placeholder="{{placeholder}}" value="{{value}}" bindblur="inputBlur" bindfocus="inputFocus" bindinput="inputChange" />
  7. <picker class="pickers" mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
  8. <view class="picker">
  9. 搜索
  10. </view>
  11. </picker>
  12. <view class="weui-icon-clear" wx:if="{{value.length > 0}}" bindtap="clearInput">
  13. <icon type="clear" size="12"></icon>
  14. </view>
  15. </view>
  16. <label class="weui-search-bar__label" hidden="{{searchState}}" bindtap="showInput">
  17. <icon class="weui-icon-search" type="search" size="12"></icon>
  18. <view class="weui-search-bar__text">请输入</view>
  19. </label>
  20. </view>
  21. <view wx:if="{{cancel && searchState}}" class="weui-search-bar__cancel-btn" bindtap="hideInput">{{cancelText}}</view>
  22. </view>
  23. <mp-cells class="searchbar-result {{extClass}}" wx:if="{{searchState && result.length > 0}}">
  24. <mp-cell bindtap="selectResult" data-index="{{index}}" wx:for="{{result}}" hover>
  25. <view>{{item.text}}</view>
  26. </mp-cell>
  27. </mp-cells>