Fastadmin图片点击放大

April 15, 2020

186views

1186字数

1、将下面代码放在backend-init.js文件

$('body').on('click', '[data-tips-image]',
        function() {
        var img = new Image();
        var imgWidth = this.getAttribute('data-width') || '480px';
        img.onload = function() {
            var $content = $(img).appendTo('body').css({
                background: '#fff',
                width: imgWidth,
                height: 'auto'
            });
            Layer.open({
                type: 1,
                area: imgWidth,
                title: false,
                closeBtn: 1,
                skin: 'layui-layer-nobg',
                shadeClose: true,
                content: $content,
                end: function() {
                    $(img).remove();
                },
                success: function() {}
            });
        };
        img.onerror = function(e) {};
        img.src = this.getAttribute('data-tips-image') || this.src;
    });

![][1]

2、修改require-table.js，添加data-tips-image
![][2]

[1]: https://gitee.com/pgmerz/blogi/raw/master/art/fast3.png#vwid=1054&vhei=572
  [2]: https://gitee.com/pgmerz/blogi/raw/master/art/fast4.png#vwid=1465&vhei=560