layer mobile的使用问题

var content = '<img style="width:'+abso*4/5+'px;"  src="'+src+'" οnclick="layer.closeAll();">';
			var pageii = layer.open({
				type: 1
				,shade:true
				,shadeClose:true
			    ,content: content
			   , style: 'background-color: rgba(0,0,0,0); border:none;overflow:auto;'
			});

特此记录,关键是

background-color: rgba(0,0,0,0); 将弹出层的颜色设置成和遮罩层相同,再使弹出层完全透明

https://demo.mobiscroll.com/v3/javascript/calendar/#demo=multiday&lang=zh 一个好用的日期mobile插件

在有个功能将

.layui-m-layercont{
		padding: 5px;
		height: 140px;
		overflow: hidden;
		overflow-y: scroll;
	}

弹出层高度写死之后,此页面的其他弹出框要使用其他高度,例如上面的图片显示,由于对layer的其他属性用的不多,

这个问题想了好几天,最后在success中改变:

var pageii = layer.open({
				type: 1
				,shade:true
				,shadeClose:true
			    ,content: content
			    , style: 'background-color: rgba(0,0,0,0); border:none;overflow:auto'
			    ,success:function(){
			    	$(".layui-m-layercont").attr("style","height:100% !important;");
			    }
			});

而且由于css样式加载的优先级问题不要使用$("xx").css()方法,很可能无效.

后面一次在layui-m-layercont的父div加入了滚动条,看起来没啥问题,但是很难滚动,在layui-m-layercont中加入滚动条就没问题