提示条

消息提示条仅为CSS样式，需要自行添加点击关闭、倒计时关闭等动态效果。

提示

.aui-tips 为相对定位，如需让提示条浮动显示在顶部需自行添加样式：position: fixed; top: 0; left: 0; right: 0;。

示例源码

<div class="aui-tips aui-margin-b-15" id="tips-1">
    <i class="aui-iconfont aui-icon-info"></i>
    <div class="aui-tips-title">消息提示条消息提示条消息提示</div>
    <i class="aui-iconfont aui-icon-close" tapmode onclick="closeTips()"></i>
</div>
<div class="aui-tips">
    <i class="aui-iconfont aui-icon-info"></i>
    <div class="aui-tips-title aui-ellipsis-1">消息提示条消息提示条消息提示条消息提示条消息提示条</div>
</div>
<script>
    // 关闭提示条
    function closeTips(){
        document.getElementById('tips-1').remove();
    }
</script>