logo

CSS

浏览器默认样式统一,基础样式,网格,表格、表单、按钮及常用组件样式。

目录

头像有两种尺寸,两种形状可选






<span class="item-icon">
    <i class="fc fc-task"></i>
</span>                    
<span class="item-icon item-icon-small">
    <i class="fc fc-task"></i>
</span>                    
<span class="item-icon item-icon-round">
    <i class="fc fc-task"></i>
</span>                                       
<span class="item-icon item-icon-round item-icon-small">
    <i class="fc fc-task"></i>
</span>
<span class="item-icon item-icon-bg-blue">
    <i class="fc fc-task"></i>
</span>
<span class="item-icon item-icon-round item-icon-bg-red">
    <i class="fc fc-task"></i>
</span>                                                                 
        

既支持icon也支持文字

文字
<span class="item-icon item-icon-bg-blue">
     文字
</span>

支持图片类型(样式直接定义在img标签上)

<span class="margin-base">
    <img class="avatar" src="https://i.loli.net/2017/08/21/599a521472424.jpg" alt="" />
</span>
<span class="margin-base">
    <img class="avatar avatar-small" src="https://i.loli.net/2017/08/21/599a521472424.jpg" alt="" />
</span>
<span class="margin-base">
    <img class="avatar avatar-round" src="https://i.loli.net/2017/08/21/599a521472424.jpg" alt="" />
</span>                    
<span class="margin-base">
    <img class="avatar avatar-round avatar-small" src="https://i.loli.net/2017/08/21/599a521472424.jpg" alt="" />
</span>
侧栏导航