Flag 角标

使用说明

本框架一共定义了两种角标，分别是ax-left和ax-right，使用角标的前提条件是父层的position必须是absolute或者fixed。角标使用在左上方或者右上方，基本效果构成是白色字体+深色背景，以下是基本格式：

                            <span class="ax-flag ax-right"><i>New</i></span>
                            <span class="ax-flag ax-left ax-danger"><i>HOT</i></span>

NEW HOT

其他颜色

给ax-flag追加颜色类可实现不同颜色的角标。可使用颜色有：ax-primary（默认）、ax-seconday、ax-success、ax-danger、ax-warning、ax-info、ax-ad、ax-light、ax-dark、ax-ignore和ax-white。

完成次要

推荐广告

消息浅色

深色禁止

                        <div class="demo">
                            <div class="inner">
                                <span class="ax-flag ax-right ax-success"><i>完成</i></span>
                                <span class="ax-flag ax-left ax-secondary"><i>次要</i></span>
                                <br /><br />
                            </div>
                        </div>

                        <div class="demo">
                            <div class="inner">
                                <span class="ax-flag ax-right ax-warning"><i>推荐</i></span>
                                <span class="ax-flag ax-left ax-ad"><i>广告</i></span>
                                <br /><br />
                            </div>
                        </div>

                        <div class="demo">
                            <div class="inner">
                                <span class="ax-flag ax-right ax-info"><i>消息</i></span>
                                <span class="ax-flag ax-left ax-light"><i>浅色</i></span>
                                <br /><br />
                            </div>
                        </div>

                        <div class="demo">
                            <div class="inner">
                                <span class="ax-flag ax-right ax-dark"><i>深色</i></span>
                                <span class="ax-flag ax-left ax-ignore"><i>禁止</i></span>
                                <br /><br />
                            </div>
                        </div>