AUI在线文档AUI标签/角标/圆点
上一篇:AUI按钮 下一篇:AUI列表布局

AUI标签/角标/圆点

aui-label 同按钮一样,默认提供了几个色值

aui-label + aui-label-primary  使用主题样式

aui-badge  右上角浮动角标,

aui-dot 右上角圆点

<section class="aui-content-padded">
    <p>标签</p>
    默认:<div class="aui-label">标签</div>
    <Br />
    info:<div class="aui-label aui-label-info">标签</div>
    <Br />
    primay:<div class="aui-label aui-label-primary">标签</div>
    <Br />
    danger:<div class="aui-label aui-label-danger">标签</div>
    <Br />
    success:<div class="aui-label aui-label-success">标签</div>
    <Br />
    warning:<div class="aui-label aui-label-warning">标签</div>
    <Br />
    outlined:<div class="aui-label aui-label-outlined"><i class="aui-iconfont aui-icon-my"></i> 线条样式的标签</div>
    <Br />
    outlined:<div class="aui-label aui-label-danger aui-label-outlined">标签</div></section><section class="aui-content-padded">
    <p>角标</p>
    <div class="aui-badge"></div><Br />
    <div class="aui-badge">8</div><Br />
    <div class="aui-badge">88</div><Br /></section><section class="aui-content-padded">
    <p>红点</p>
    dot:<div class="aui-dot"></div></section>


上一篇:AUI按钮 下一篇:AUI列表布局