poster广告弹窗

需要先引入相关的CSS和JS文件：

<link rel="stylesheet" type="text/css" href="static/css/aui.min.css"/>

<link rel="stylesheet" type="text/css" href="static/css/aui.poster.css"/>

<script src="static/js/aui.min.js" type="text/javascript" charset="utf-8"></script>

<script src="static/js/aui.poster.js" type="text/javascript" charset="utf-8"></script>

参数介绍

示例代码

<div class="container">
    <header class="aui-header">
        <a class="aui-header-left" onclick="aui.closeWin()"><i class="iconfont iconreturn"></i></a>
        <div class="aui-header-title">poster广告弹窗</div>
    </header>
    <div class="aui-content" style="padding: 15px 0 0 0;">
        <button class="aui-btn aui-btn-blue poster">显示弹窗</button>
    </div>
</div>
<script type="text/javascript">
    window.addEventListener("load", function(){
        var btns = document.querySelectorAll(".aui-btn");
        for(var i = 0; i < btns.length; i++){
            aui.touchDom(btns[i], "#FFF", "var(--aui-blue)", "1px solid var(--aui-blue)");
        }
        //poster广告弹窗
        document.querySelector(".poster").addEventListener("click", function(){
            aui.poster({
                image: '/static/auijs/static/img/image/logo.png'
            });
        });
    });
</script>