layer 点击弹出图片

Posted 2021-01-04 qichao123

今天做东西有一个功能：在列表点击图片弹出并放大显示，使用到了layer的页面层，下边是个小demo

 1 success:function (e) {
 2 
 3            var url  = e.qrcode_url; //ajax获取的数据
 4 
 5            var img = " <span style=‘text-align: center;display:block‘><img src=‘ "+ url +" ‘> </span> "; //图片路径
 6          
 7             //layer
 8              layer.open({
 9                     type: 1,
10                     skin: ‘layui-layer-rim‘, //加上边框
11                     area: [‘400px‘, ‘400px‘], //宽高
12                     content: img
13              });
14 },