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'
        });
    });