searchUI

• 微信小程式優雅的搜尋框

特性

• 不吹不黑-我們的介面UI還是蠻漂亮的
• 支援搜尋歷史
• 支援搜尋歷史（記錄）快取
• 支援熱門搜尋
• 支援刪除搜尋記錄、清空搜尋記錄

效果

使用

1.將component下的wxSearch放入專案中

2.引入wxSearch的方法

```js
    import * as wxSearch from '../../component/wxSearch/wxSearch';

    onLoad: function (options) {
        //初始渲染-讀取storage的歷史記錄
        wxSearch.init(this)
    }
```
 

3.引入wxSearch的模板檔案

```js
    <import src="/component/wxSearch/wxSearch"></import>

    <template is="wxSearch" data="{{...tabData}}"></template>
```

4.引入wxSearch的樣式檔案

```css
    @import '../../component/wxSearch/wxSearch'
```

說明

• 使用WXML提供的template，來做元件的封裝
• 不定期更新，圍繞易用性和可擴充套件性提升優化

• 喜歡請start，您的支援就是我的動力…