search-bar

search-bar

使用

在页面的 page.json 中配置：

{
  "usingComponents": {
    "search-bar": "@ubrorg/search-bar/lib/index"
  }
}

在页面的 page.axml 中直接使用：

<search-bar
  className=""
  value="{{value}}"
  focus="{{focus}}"
  disabled="{{disabled}}"
  placeholder="{{placeholder}}"
  onInput="handleInput"
  onClear="handleClearInput"
  onFocus="handleFocus"
  onBlur="handleBlur"
  onCancel="handleCancel"
  onSubmit="handleSubmit"
/>

option参数

| 属性 | 类型 | 默认值 | 解释 | |:--|:--|:--|:--| | className | string | '' | 外部样式 | | value | string | | 值 | | focus | boolean | | 是否聚焦 | | disabled | boolean | '' | 是否不可输入 | | placeholder | string/array | '' | 底纹词，数组长度大于1时滚动显示 | | onInput | EventHandle | | 输入 | | onClear | EventHandle | | 清空搜索框 | | onFocus | EventHandle | | 聚焦 | | onBlur | EventHandle | | 失去焦点 | | onSubmit | EventHandle | | 回车或者点击搜索按钮触发 |

开发

1. yarn 或者 ayarn（阿里内网）安装依赖
2. 小程序 IDE 打开组件（下载地址）

更多命令

• miapp newbranch: 新建分支
• miapp push: 提交代码
• miapp prepub: 预发（发布 beta 版本）
• miapp publish: 正式发布