示例描述:

<div class="yo-loading"> <span class="inner"><i class="yo-ico"></i></span> </div>
加载中...

示例描述:

<div class="yo-loading"> <span class="inner"><i class="yo-ico"></i>加载中...</span> </div>
加载中...

假设你想要背景色,那么你可以这样扩展:

@include yo-loading( $name: b, $bgcolor: #666, $mask-bgcolor: rgba(0, 0, 0, .2), $ico-color: #00afc7, $color: #00afc7 );

使用方法:

<div class="yo-loading yo-loading-b"> <span class="inner"><i class="yo-ico"></i>加载中...</span> </div>
@include yo-loading(
    $name:default, //{String} yo-loading名称
    $ico-size:default, //{Length} 菊花大小
    $ico-color:default, //{Color} 菊花颜色
    $mask-bgcolor:default, //{Color} 遮罩颜色
    $bgcolor:default, //{Color} 背景颜色
    $font-size:default, //{Length} 文本字号
    $color:default, //{Color} 文本颜色
    $content:default //{String} loading形态,可传入webfonts编码
)