layui 彈窗使用

 

css部分：

<link href="{% static 'layui/layui/css/layui.css' %}" rel="stylesheet" type="text/css"/>

 

引入js部分：

<script type="text/javascript" src="layui/js/jquery.min.js"></script>
<script type="text/javascript" src="layui/layui/layui.js"></script>

 

彈窗部分：

var truelogin = "admin";
var truepwd = "123456";

layui.use('layer', function () {
        var msgalert = '默認賬號:' + truelogin + '<br/> 默認密碼:' + truepwd;
        var index = layer.alert(msgalert, {
            icon: 6, //icon數字參數
            time: 2000, //時間(默認是毫秒)，2000為 2秒
            offset: 't', //t為頂部，b為底部，m為中間，r為右側，l為左側
            closeBtn: 0, //是否顯示彈出窗右上角的關閉按鈕 0為不顯示 ，1為顯示。
            title: '友情提示', //彈出窗的標題
            btn: [], //彈出窗的底部按鈕
            anim: 2,
            shade: 0
        });
        layer.style(index, {
            color: '#777'
        });
    });