• 美女
  • 美女
  • 美女
  • 美女

示例描述:

<div class="yo-switchable"> <ul class="cont"> <li class="item"> <img class="img" src="*.jpg" alt="美女" /> </li> <li class="item"> <img class="img" src="*.jpg" alt="美女" /> </li> <li class="item"> <img class="img" src="*.jpg" alt="美女" /> </li> <li class="item"> <img class="img" src="*.jpg" alt="美女" /> </li> </ul> <ul class="index"> <li class="on"></li> <li></li> <li></li> <li></li> </ul> <span class="yo-ico yo-ico-prev">&#xf07d;</span> <span class="yo-ico yo-ico-next">&#xf07f;</span> </div>
  • 美女
  • 美女
  • 美女
  • 美女

假设你想要翻页按钮:

@include yo-switchable( $name: test, $has-btn: true );
@include yo-switchable(
    $name:default, //{String} 扩展的名称
    $has-btn:default, //{Length} 是否有按钮
    $btn-size:default, //{Color} 按钮大小
    $btn-bgcolor:default, //{Length} 按钮背景色
    $btn-color:default, //{Length} 按钮文本色
    $btn-active-bgcolor:default, //{Color} 按钮按下背景色
    $btn-active-color:default, //{Length} 按钮按下文本色
    $index-size:default, //{Length} 索引大小
    $index-bgcolor:default, //{Color} 索引背景色
    $index-on-bgcolor:default //{Length} 索引当前项背景色
)