## Search搜索栏
1. 普通状态

![](http://res.winbaoxian.com/autoUpload/common/search1_d88be51de0fb4ed.png)
```html
<div class="bx-search">
  <div class="bx-search-form">
    <i class="bx-search-icon bx-icon bx-icon-search"></i>
    <input type="text" placeholder="搜索提示语" class="bx-search-input">
  </div>
</div>
```
2. 输入状态

![](http://res.winbaoxian.com/autoUpload/common/search2_d75ed9a7a30ab37.png)
```html
<div class="bx-search">
  <div class="bx-search-form">
    <i class="bx-search-icon bx-icon bx-icon-search"></i>
    <input type="text" placeholder="搜索提示语" class="bx-search-input">
    <a class="bx-search-clear bx-icon bx-icon-close-circle-surface"></a></div>
  <div class="bx-search-btn">取消</div>
</div>
```