更新记录

v1.0.3（2019-07-11） 下载此版本

兼容h5，修复输入时holderplace提示的显示效果

平台兼容性

uni-app搜索框封装

主要功能：

1. 可自定义输入框样式
2. 可自定义按钮样式
3. 可自定义引入图标
4. 微信小程序增加语音输入和扫码功能

搜索框自定义属性说明：

inputAttr属性说明：

btnAttr属性说明：

voiceAttr属性说明：(仅在微信小程序中开启语音图标时有效)

iconAttr属性说明：

iconSrc属性说明：(属性有值时开启对应图标)

组件中在输入框左右边还新增了一个slot图标插槽，用户可以自定义自己的功能图标去拓展搜索框的功能，示例代码如下：

<lee-search :iconSrc="iconSrc">
    <template v-slot:icon>
        <view class="icon-wrap">
            <image class="icon"  mode="aspectFit"  src="../../static/lee-search/icon_clear.png"></image>
        </view>
    </template>
</lee-search>

注：使用slot插槽引入图标时，图标与组件内置图标存在没有垂直对齐方向上的情况，需要外层套一层标签使用css修复这个问题，代码如下：

.icon-wrap{
            position:relative;
            height:60upx; // 搜索框高度
            top:0;
            box-sizing: border-box;
            .icon{
                width:60upx;
                height:60upx;
                padding:10upx;
                box-sizing: border-box；
            }
        }

其它属性为uni-app中 input组件原生属性，参考链接

[https://uniapp.dcloud.io/component/input]:

可触发的事件列表：

关于语音功能的配置

1.在manifest.json文件中添加语音插件

    "mp-weixin": {
        /* 小程序特有相关 */
        "appid": "此处为自己申请的appid",
        "setting": {
            "urlCheck": false
        },
        "plugins": {
            "WechatSI": {
                "version": "0.0.6",
                "provider": "wx069ba97219f66d99"
            }
        },
        "usingComponents": true
    }

2.在小程序管理平台 设置 》第三方设置 》添加插件 添加 “微信同声传译” 插件

插件文档链接：

[https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wx069ba97219f66d99&token=2051927552&lang=zh_CN#-]: