layer 不居中的坑爹问题

Posted 2020-10-19 贝尔塔猫

使用了该代码弹出一个图片。但居然不居中

 var layer_index = layer.open({
              type: 1,
              title: false,
              closeBtn: 0,
              area: ‘516px‘,
              skin: ‘layui-layer-nobg‘, //没有背景色
              shadeClose: true,
              content: self.html()
            });

原因是，我的图片内容的外网的。也就是说不是本地的。导致需要加载。所以不居中。将图片放置在本地即可。

但如果实在需要使用外网的图片。那就可以通过修改style来达到效果了。其实也很简单

http://www.layui.com/doc/modules/layer.html#layer.style

layer.style(index, {
  transform: ‘translateX(-50%)‘,
  top: ‘50%‘；
});