搜索组件

changelog

v0.2.17

• 支持设置文本框类型

v0.2.16

• 边框设置透明度
• 调整搜索框图标与搜索框内文本的间距

v0.2.15

• 调整样式

v0.2.14

• 搜索框文字居中，边框颜色调整

v0.2.13

• 增加获取焦点属性

v0.2.12

• 样式微调

v0.2.11

• 样式微调

v0.2.10

• 增加 hasShare 属性，是否显示侧边按钮

v0.2.9

• 边框颜色修改
• 分享图标修改

v0.2.8

1. 增加placeholder属性。
2. 增加搜索框搜索内容。
3. 增加清空按钮。

v0.2.7

theme 属生值变更后，重新setData

v0.2.6

样式调整，去掉背景色，增加高度

v0.2.5

新增主题属性

v0.2.4

新增原生属性

v0.2.0

新增分享按钮搜索

v0.1.2

修改搜索文本框内图标样式

v0.1.0

• 组件初始化

参数 props

| 参数 | 说明 | 类型 | 默认值 | 版本号 | | :--: | :-------: | :----: | :----: | ---- | | cartCount | 是否显示| Number | false | 0.1.0 | | type | slot 显示的位置| String | center | 0.1.0 | | inputDisabled | 搜索框启用状态 | Boolean | false | 0.1.0 | | isFixed | 是否固定定位 | Boolean | true | 0.2.1 | | isMenuSearch | 是否菜单搜搜 | Boolean | false | 0.2.1 | | openType | 原生参数 | String | - | 0.2.4 | | theme | 主题,可选 blue，red | String | red | 0.2.5 | | value | 搜索框value值 | String | red | 0.2.8 | | placeholder | 文本框placeholder值 | String | red | 0.2.8 | | showEmptyBtn | 是否显示清空按钮 | Boolean | red | 0.2.8 |

事件 event

| 名称 | 参数 | 说明 | 备注 | | ------------- |:-------------:| :--------------------| :---------------| |search-blur | e.value | 失去焦点 | | |search-confirm | e.value | 确定 | | |search-focus | e.value | 获取焦点 | | |search-input | e.value | 值改变 | | |to-cart | e | 购物车按钮事件 | | |search-click | e | 搜索按钮事件 | | |search-tap | e | 输入框点击事件 | | |search-empty | e | 清空文本框内容 | |

插槽 slot

| 名称 | 说明 | 备注 | | ------------- |:-------------:| :--------------------| |- | | - | |

相关演示