• 常规:
  • list item
  • list item
  • 禁用:
  • list item
  • list item
  • 扩展:
  • list item
  • list item
  • list item
  • list item
  • list item
  • list item

示例描述:

<label class="yo-switch"> <input type="checkbox" /> <div class="track"> <span class="handle"></span> </div> </label>

假设你想要其他颜色,那么你可以这样扩展:

@include yo-switch( $name: test, $checked-bgcolor: #4a87ee );

使用方法:

<label class="yo-switch yo-switch-test"> <input type="checkbox" /> <div class="track"> <span class="handle"></span> </div> </label>