非独占搜索

返回
取消
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-suggest"><!-- 如果是独占搜索,class="yo-suggest yo-suggest-modal" 即可 --> <div class="operate"> <form class="action"> <input type="search" id="yo-suggest-input" class="input" /> <label class="label" for="yo-suggest-input"> <i class="yo-ico yo-ico-suggest">&#xf067;</i> <span class="placeholder">搜索</span> </label> <i class="yo-ico yo-ico-delete">&#xf077;</i> <i class="yo-ico yo-ico-fresh">&#xf07a;</i> <i class="yo-ico yo-ico-stop">&#xf063;</i> <i class="yo-ico yo-ico-loading">&#xf089;</i> </form> <span class="cancel">取消</span> </div> <div class="cont"> <div class="recommend"><!-- 推荐搜索内容 --></div> <div class="result"><!-- 搜索结果内容 --></div> </div> </div>

非独占搜索

返回
取消

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

占位文本

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