通知栏

在导航栏下方，一般用作系统提醒、活动提醒等通知。

规则

需要引起用户关注时使用，重要级别低于对话框，高于轻提示。

代码演示

通知栏

进行时状态相关进行时状态相关进行时状态相关

异常状态相关提示异常状态相关提示异常状态相关态相关

客观情况告知客观情况告知客观情况告知客观情况态相关

通知图标

<div class="noticebar">
	<p class="noticebar-txt">进行时状态相关进行时状态相关进行时状态相关</p>
</div>
<div class="noticebar">
	<span class="noticebar-icon icon-warning"></span>
	<p class="noticebar-txt">异常状态相关提示异常状态相关提示异常状态相关态相关</p>
	<span class=" noticebar-icon icon-arrows"></span>
</div>
<div class="noticebar">
	<span class="noticebar-icon icon-warning"></span>
	<p class="noticebar-txt">客观情况告知客观情况告知客观情况告知客观情况态相关</p>
	<span class="noticebar-icon icon-h-close"></span>
</div>