@ubrorg/search-bar

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: 正式发布