@bbjxl/wxc-search NPM

wxc-search

搜索栏 - 小程序组件

Install

$ min install @bbjxl/wxc-search

API

Search

名称	描述
`show-icon`	说明：是否显示 `search` 图标。类型：`Boolean`默认值：`true`
`show-clear`	说明：是否显示清除图标。类型：`Boolean`默认值：`true`
`icon-color`	说明：`search` 图标的颜色。类型：`String`默认值：`#bbb`
`ph-color`	说明：`placeholder` 的颜色。类型：`String`默认值：`#bbb`
`bg-color`	说明：搜索栏的背景颜色。类型：`String`默认值：`#f6f6f6`
`color`	说明：搜索栏输入框字体颜色。类型：`String`默认值：`#333`
`radius`	说明：搜索栏 `border-radius`。类型：`Number`默认值：`6`
`placeholder`	说明：搜索栏 `placeholder`。类型：`String`默认值：`搜索`
`mode`	说明：搜索栏模式。类型：`String`可选值：`normal`，输入模式；`static`，静态模式，无输入框。默认值：`normal`
`align`	说明：静态模式下搜索栏内容对齐方式。类型：`String`可选值：`left`，向左对齐；`center`，居中。默认值：`left`
`button`	说明：搜索按钮文案。不设置文案时不显示搜索按钮类型：`String`默认值：`""`
`btn-color`	说明：搜索按钮文字颜色。类型：`String`默认值：`#333`
`bind:input`	说明：当键盘输入时，触发 `input` 事件，`event.detail = {value, cursor}`
`bind:confirm`	说明：点击搜索或键盘右下角按钮，触发 `confirm` 事件，`event.detail = {value: value}`
`bind:submit`	说明：搜索栏组件中内置 `form` 表单，点击搜索按钮时触发 `submit` 事件，可用于获取 `formId` 等，`event.detail = {value, formId}`

ChangeLog

v1.0.0（2018-4-9）

初始版本

@everything-registry/sub-chunk-115 @zalastax/nolb-_bb

1.0.6

6 years ago