搜索条

SearchBar-搜索条

搜索输入条

API

属性名	类型	默认值	描述	最低版本
scanShow	Boolean	false	是否显示扫一扫
focus	Boolean	false	点击搜索图标是否隐藏搜索按钮
placeholder	String		输入框placeholder
onInput	Event		输入事件
onClear	Event		清除事件
onBlur	Event		输入框失去焦点事件
onSearch	Event		点击搜索触发的事件
onSubmit	Event		回车事件
onScan	Event		扫一扫事件

效果图

示例

\\searchBar.axml
<view class="demoContainer">
   <search-bar 
        focus=true
        scanShow=true
        value="{{searchCode}}"
        onInput="onInput"
        onClear="onClear"
        onBlur="onBlur"
        onCancel="onCancel"
        onSubmit="onSubmit"
        onScan="onScan"
        placeholder="搜索"
      />
</view>

\\searchBar.js
Page({
  data: {},
  onLoad() { },
  onInput(e) {
    console.log(e, "onInput")

  },
  onClear(e) {
    console.log(e, "onClear")
  },
  onBlur(e) {
    console.log(e, "onBlur")
  },
  onCancel(e) {
    console.log(e, "onCancel")
  },
  onSubmit(e) {
    console.log(e, "onSubmit")
  },
  onScan() {
    console.log(e, "onScan")
  }
});

\\searchBar.json
{
  "defaultTitle": "search-bar",
  "usingComponents": {
    "search-bar": "@syman/ark-dingtalk/src/search-bar/index"
  }
}