Search搜索栏

1. 普通状态

<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>

1. 输入状态

<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>