layim移动端使用layer.open实现点击图片放大显示

在layim-mobile.js中
//查看大图
        var index = 0;
         $(document).on('click', '.layui-layim-photos', function(){
             var src = this.src; //图片地址
             index = layer.open({
                 type: 1 //open的类型 1为页面层
                 ,shadeClose: true  //点击遮罩关闭
                 ,shade: "background-color: #000" //遮罩的颜色以及透明度(与官网不同)
                 ,content: '<div id="layui-layer-photos" style="width: 100%;"><img src="'+src+'" style="width: 100%;"/></div>' 
             });
         });
          //点击图片关闭大图
         $(document).on('click', '#layui-layer-photos', function(){
             layer.close(index);
         });

layer的官网：https://www.layui.com/doc/modules/layer.html#layer.close

在过程中发现shade的值直接用数字改变透明度或者定义别的颜色和透明度，实际遮罩的透明度都不变。

折腾了下，发现使用的是layer-mobile.js，其中定义了遮罩的颜色以及透明度是通过行内样式设置的。所以要改变遮罩的颜色和透明度就要设置shade的值是完整的行内样式css语句。如： shade:“background-color: #000”，或者shade:“background-color: rgba(0,0,0,.7)”，或者shade:“background-color: rgb(0, 0, 0); opacity: 0.9;”