layer信息框右上角加关闭标志

本例子基于layer Mobile 2.0。

 

预览：

 

 

css：

    .close{
        background:#333;
        font-size: 12px;
        position:absolute;
        right:-8px;
        top:-8px;
        border-radius:50%;
        width:20px;
        height:20px;
        line-height:20px;
        border: solid 1px #FFF;
        text-align: center;
        color: #FFF;
        z-index: 1000;
    }

 

layer信息框调用。1，内容多的话会有滚动条。2，内容左对齐

        $("#shengming").click(function(){
            layer.open({
			style: 'color:#333;text-align:left;font-size:11px;position:relative;',
			content: 'mmmmmmmmmmmmmmmmmm',
                	success: function(elem){
                    	$(".layui-m-layercont").css({"text-align":"left", "padding-top":"20px", "overflow":"auto", "height":"150px"});
                    	$('.layui-m-layerchild').append('<div class="close">X</div>');
                	}
		});
        });