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-error"><i>HOT</i></span>

NEW HOT

其他颜色

给ax-flag追加颜色类可实现不同颜色的角标。可使用颜色有：ax-primary（默认）、ax-success、ax-error、ax-warning、ax-info、ax-question、ax-text、ax-ignore。

完成深色

推荐疑问

消息忽略

                    &<div class="demo">
                        <div class="inner">
                            <span class="ax-flag ax-left ax-success"><i>完成</i></span>
                            <span class="ax-flag ax-right ax-text"><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-question"><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-ignore"><i>忽略</i></span>
                            <br /><br>
                        </div>
                    </div>