Badge 徽章
实体徽章
本框架一共定义了9种颜色徽章，分别是ax-primary，ax-success，ax-error，ax-warning，ax-info，ax-question，ax-text，ax-ignore。默认是红色徽章。
默认没有对徽章进行绝对定位，用户根据需要自行设定css。
2
New
Hot
推荐
2
1
21
65
10+
10+
4
7
<span class="ax-badge"></span>
<span class="ax-badge">2</span>
<span class="ax-badge ax-primary">New</span>
<span class="ax-badge ax-error">Hot</span>
<span class="ax-badge ax-success">推荐</span>
<span class="ax-badge ax-primary">2</span>
<span class="ax-badge ax-success">1</span>
<span class="ax-badge ax-error">21</span>
<span class="ax-badge ax-warning">65</span>
<span class="ax-badge ax-info">10+</span>
<span class="ax-badge ax-question">10+</span>
<span class="ax-badge ax-text">4</span>
<span class="ax-badge ax-ignore">7</span>
线体徽章
对ax-badge追加ax-border即可定义线体徽章。
2
New
Hot
推荐
2
1
21
65
10+
10+
4
7
<span class="ax-badge ax-border">2</span>
<span class="ax-badge ax-primary ax-border">New</span>
<span class="ax-badge ax-error ax-border">Hot</span>
<span class="ax-badge ax-success ax-border">推荐</span>
<span class="ax-badge ax-primary ax-border">2</span>
<span class="ax-badge ax-success ax-border">1</span>
<span class="ax-badge ax-error ax-border">21</span>
<span class="ax-badge ax-warning ax-border">65</span>
<span class="ax-badge ax-info ax-border">10+</span>
<span class="ax-badge ax-question ax-border">10+</span>
<span class="ax-badge ax-text ax-border">4</span>
<span class="ax-badge ax-ignore ax-border">7</span>
圆角徽章
ax-badge默认是圆形徽章，对ax-badge追加ax-radius即可定义圆角徽章。
推荐
New
<span class="ax-badge ax-radius">推荐</span>
<span class="ax-badge ax-border ax-radius">New</span>
水滴徽章
ax-badge默认是圆形徽章，对ax-badge追加ax-drop即可定义水滴徽章。
推荐
New
<span class="ax-badge ax-drop">推荐</span>
<span class="ax-badge ax-border ax-drop">New</span>
图标徽章
框架内置的图标字体包含了三个常用的徽章图标，分别是badge-new，badge-hot和badge-vip。图标本身是黑色，所以需要自定义颜色和大小。
<i class="ax-iconfont ax-icon-badge-new ax-color-info" style="font-size:2.8rem;"></i>
<i class="ax-iconfont ax-icon-badge-hot ax-color-error" style="font-size:2.8rem;"></i>
<i class="ax-iconfont ax-icon-badge-vip ax-color-primary" style="font-size:2.8rem;"></i>
小点
本框架一共定义了9种颜色小点，分别是ax-primary，ax-success，ax-error，ax-warning，ax-info，ax-question，ax-text，ax-ignore。默认是红色小点。
默认没有对红点进行绝对定位，用户根据需要自行设定css。
<span class="ax-dot"></span>
<span class="ax-dot ax-primary"></span>
<span class="ax-dot ax-success"></span>
<span class="ax-dot ax-error"></span>
<span class="ax-dot ax-warning"></span>
<span class="ax-dot ax-info"></span>
<span class="ax-dot ax-question"></span>
<span class="ax-dot ax-text"></span>
<span class="ax-dot ax-ignore"></span>