@minui/wxc-search

搜索栏 - 小程序组件

Stats

StarsIssuesVersionUpdatedCreatedSize
@minui/wxc-search
3,526661.0.13 years ago3 years agoMinified + gzip package size for @minui/wxc-search in KB

Readme

wxc-search

搜索栏 - 小程序组件

Install

$ min install @minui/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)

  • 初始版本

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.