非独占搜索

返回
A
  • A
  • list item
  • list item
  • list item
  • B
  • list item
  • list item
  • list item
  • C
  • list item
  • list item
  • 历史
  • 热门
  • A
  • b
  • c
  • d
  • g
  • h
  • i
  • j
  • k
  • l
  • o
  • p
  • q
  • r
  • s
  • t
  • u
  • v
  • w
  • x
  • y
  • z
<div class="yo-search"><!-- 如果是独占搜索,class="yo-search yo-search-modal" 即可 --> <div class="operate"> <span class="action"> <input type="text" id="yo-search-input" class="input" /> <label class="label" for="yo-search-input"> <i class="yo-ico yo-ico-search">&#xf002;</i> <span class="placeholder">搜索</span> </label> <i class="yo-ico yo-ico-delete">&#xf057;</i> <i class="yo-ico yo-ico-fresh">&#xf01e;</i> <i class="yo-ico yo-ico-stop">&#xf00d;</i> </span> <span class="cancel">取消</span> </div> <div class="cont"> <div class="recommend"><!-- 推荐搜索内容 --></div> <div class="result"><!-- 搜索结果内容 --></div> </div> </div>

非独占搜索

返回

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

<div class="yo-search"> <div class="operate operate-on"> <span class="action"> <input type="text" id="yo-search-input" class="input" /> <label class="label" for="yo-search-input"> <i class="yo-ico yo-ico-search">&#xf002;</i> <span class="placeholder">搜索</span> </label> <i class="yo-ico yo-ico-delete">&#xf057;</i> <i class="yo-ico yo-ico-fresh">&#xf01e;</i> <i class="yo-ico yo-ico-stop">&#xf00d;</i> </span> <span class="cancel">取消</span> </div> <div class="cont cont-on"> <div class="recommend"><!-- 推荐搜索内容 --></div> <div class="result"><!-- 搜索结果内容 --></div> </div> </div>

非独占搜索

返回

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

<div class="yo-search"> <div class="operate operate-fresh"> <span class="action"> <input type="text" id="yo-search-input" class="input" /> <label class="label" for="yo-search-input"> <i class="yo-ico yo-ico-search">&#xf002;</i> <span class="placeholder">搜索</span> </label> <i class="yo-ico yo-ico-delete">&#xf057;</i> <i class="yo-ico yo-ico-fresh">&#xf01e;</i> <i class="yo-ico yo-ico-stop">&#xf00d;</i> </span> <span class="cancel">取消</span> </div> <div class="cont cont-on"> <div class="recommend"><!-- 推荐搜索内容 --></div> <div class="result"><!-- 搜索结果内容 --></div> </div> </div>

非独占搜索

返回

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

<div class="yo-search"> <div class="operate operate-stop"> <span class="action"> <input type="text" id="yo-search-input" class="input" /> <label class="label" for="yo-search-input"> <i class="yo-ico yo-ico-search">&#xf002;</i> <span class="placeholder">搜索</span> </label> <i class="yo-ico yo-ico-delete">&#xf057;</i> <i class="yo-ico yo-ico-fresh">&#xf01e;</i> <i class="yo-ico yo-ico-stop">&#xf00d;</i> </span> <span class="cancel">取消</span> </div> <div class="cont cont-on"> <div class="recommend"><!-- 推荐搜索内容 --></div> <div class="result"><!-- 搜索结果内容 --></div> </div> </div>
@include yo-search(
    $name:default, //{default | String} search名称
    $height:default, //{default | Length} search搜索框高度
    $font-size:default, //{default | Length} search文本大小
    $op-padding:default, //{default | Length} search搜索区内补白
    $radius:default //{default | Length} search搜索框圆角大小
    $bordercolor:default, //{default | Color} search边框色
    $bgcolor:default, //{default | Color} search输入框背景色
    $color:default, //{default | Color} search输入框文本色
    $on-bordercolor:default //{default | Color} search激活边框色
    $on-bgcolor:default, //{default | Length} search激活输入框背景色
    $placeholder-color:default, //{default | Length} search placeholder文本色
    $ico-color:default, //{default | Color} search ico颜色
    $cancel-color:default //{default | Color} search取消操作颜色
    $op-bgcolor:default, //{default | Color} search 搜索区背景色
    $mask-bgcolor:default //{default | Color} search遮罩背景色
)