本例子基于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>');
}
});
});