<div class="yo-tab"> <a href="#" class="item">Home</a> <a href="#" class="item">Favorites</a> <a href="#" class="item">Settings</a> </div>
<div class="yo-tab yo-tab-test"> <a href="#" class="item">Home</a> <a href="#" class="item">Favorites</a> <a href="#" class="item">Settings</a> </div>
<div class="yo-tab yo-tab-test2"> <a href="#" class="item">综合排序<i class="yo-ico">&#xf031;</i></a> <a href="#" class="item">全部口味<i class="yo-ico">&#xf031;</i></a> <a href="#" class="item">优惠活动<i class="yo-ico">&#xf031;</i></a> </div>
<div class="yo-tab"> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf04a;</i> </a> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf04b;</i> </a> <a href="#" class="item item-only-ico"> <i class="yo-ico">&#xf07a;</i> </a> </div>
<div class="yo-tab"> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf04a;</i> 定位 </a> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf04b;</i> 无线 </a> <a href="#" class="item item-top-ico"> <i class="yo-ico">&#xf07a;</i> 刷新 </a> </div>
<div class="yo-tab"> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf04a;</i> 定位 </a> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf04b;</i> 无线 </a> <a href="#" class="item item-left-ico"> <i class="yo-ico">&#xf07a;</i> 刷新 </a> </div>
@include yo-tab(
    $name:default, //{String} 扩展的名称
    $height:default, //{Length} 组件高度
    $radius:default, //{Length} 圆角半径
    $border-width:default, //{Length} 边框厚度
    $bordercolor:default, //{Color} 外边框色
    $bgcolor:default, //{Color} y背景色
    $color:default, //{Color} 文本色
    $on-bgcolor:default, //{Color} 激活时背景色
    $on-color:default, //{Color} 激活时文本色
    $font-size:default, //{Length} 文本大小
    $x-ico-size:default, //{Length} 横向图标大小
    $y-ico-size:default, //{Length} 纵向图标大小
    $only-ico-size:default, //{Length} 仅有图标大小
    $item-border-height:default, //{Length} 子项间隔线高度
    $item-bordercolor:default //{Length} 子项间隔线颜色
)