toolbar

Default Toolbar


    <ul class="gu-toolbar">
        <li class="item">
            <div class="cont">
                HOME
            </div>
        </li>
        <li class="item">
            <div class="cont">
                TOOLS
            </div>
        </li>
        <li class="item">
            <div class="cont">
                GITHUB
            </div>
        </li>
        <li class="item">
            <div class="cont">
                LOVE
            </div>
        </li>
    </ul>

Icon Toolbar


    <ul class="gu-toolbar">
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf015;</i>
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf085;</i>
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf09b;</i>
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf004;</i>
            </div>
        </li>
    </ul>

Theme Toolbar


    添加主题色:
    theme:(
        //{bgcolor} {color} {decorate color}
        disabled : #eee #aaa #dfdfdf,
        light    : #cb99c5 #fff #fff,
        normal   : #f0d264 #fff null,
        info     : #4a87ee #fff #0456e2
    )
    <ul class="gu-toolbar gu-toolbar-light">
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf015;</i>
                HOME
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf085;</i>
                TOOLS
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf09b;</i>
                GITHUB
            </div>
        </li>
        <li class="item">
            <div class="cont">
                <i class="yo-ico decorate">&#xf004;</i>
                LOVE
            </div>
        </li>
    </ul>