通知图标
通常由一个图标和一到两行提示文字组成。
规则
- 图标不唯一，可以联合icon使用
- 组件具体位置请自行控制
代码演示
通知图标
<div class="notice">
<span class="notice-icon icon-o-search"></span>
<p>抱歉，没有找到相关排班科室</p>
<p>请改变搜索条件重新搜索</p>
</div>
<div class="notice">
<span class="notice-icon icon-no-msg"></span>
<p>点击 <a class="txt-prompt" >提交反馈</a></p>
<p>客服将在第一时间为你解答</p>
</div>
<div class="notice">
<span class="notice-icon icon-load-error"></span>
<p>显示页面时出来一点问题 </p>
<p>需要 <a class="txt-prompt" >立即反馈</a> ？</p>
</div>
<div class="notice">
<span class="notice-icon icon-record"></span>
<p>没有住院纪录</p>
</div>
<div class="notice">
<span class="notice-icon icon-mail"></span>
<p>没有消息</p>
</div>
<div class="notice">
<span class="notice-icon icon-user"></span>
<p>请登录</p>
</div>