// 图片组展示[{name:'',src:''}]
    showAltPics(picList=[], index=0) {
        if (picList.length === 0) {layer.msg("图片路径不对，请重试！", { time: 2000 });return false;}
        //解析展示
        let inPicListHtml = '';
        let indexPic = picList[index];
        for (let i = 0; i < picList.length; i++) {
            inPicListHtml += `<li class="pic"><img src="${picList[i].src}"/></li>`;
        }
        let html = `<div class="BoxShowPics ov"><i class="close"></i>
        <div class="picbox"><img src="${indexPic.src}" class="zoomable-img"/></div>
        <ul>${inPicListHtml}</ul><span class="tipNote">（* 支持鼠标拖动、滚轮放大缩小 *）</span></div>`;
        $("body").append(html);
        setTimeout(function () {$(".BoxShowPics").addClass('on');}, 300);
        //默认显示
        index++;
        $(".BoxShowPics ul li:nth-child(" + index + ")").addClass('on');
        //点击展示图片
        $(".BoxShowPics li").click(function () {
            $(this).addClass("on").siblings().removeClass('on');
            $(".BoxShowPics .picbox img").attr('src', $(this).find('img').attr('src')).attr('style','transform: scale(1)');
        });
        //关闭弹窗
        $(".BoxShowPics .close").click(function () {
            $(".BoxShowPics").removeClass('on');
            setTimeout(function () {$(".BoxShowPics").remove();}, 300);
        });
        // 鼠标滚轮缩放图片
        let imgScale = 1;
        $(".BoxShowPics .picbox").on('wheel', function (e) {
            e.preventDefault();
            let img = $(this).find('.zoomable-img');
            let transform = img.css('transform');
            if (transform && transform !== 'none') {
                let match = transform.match(/scale\(([\d.]+)\)/);
                if (match) imgScale = parseFloat(match[1]);
            }
            //放大缩小
            imgScale = e.originalEvent.deltaY < 0?imgScale + 0.1:imgScale - 0.1;
            img.css('transform', `scale(${imgScale})`);
        });
        // 左键拖动图片
        let isDragging = false;
        let startX, startY, imgX, imgY;
        $(".BoxShowPics .picbox").on('mousedown', function (e) {
            isDragging = true; startX = e.clientX; startY = e.clientY;
            imgX = parseFloat($(this).find('.zoomable-img').css('left')) || 0;
            imgY = parseFloat($(this).find('.zoomable-img').css('top')) || 0;
        });
        $(document).on('mousemove', function (e) {
            if (isDragging) {
                let newX = imgX + (e.clientX - startX);
                let newY = imgY + (e.clientY - startY);
                $(".BoxShowPics .picbox .zoomable-img").css({left: newX + 'px',top: newY + 'px'});
            }
        });
        $(document).on('mouseup', function () {isDragging = false});
    }

/* 展示图片集 */
.BoxShowPics{position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; visibility:hidden; background-color:rgba(0,0,0,.7)!important; font-size:20px; user-select:none}
.BoxShowPics.on{opacity:1; visibility:visible; z-index:99999}
.BoxShowPics .tipNote{position:absolute; top:0; left:50%; color:#fff; opacity:.5; font-size:.7em; line-height:2em; transform:translateX(-50%)}
.BoxShowPics .close{position:absolute; top:.5em; right:.5em; background-color:rgba(255,255,255,.7); font-weight:normal; color:#000; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; cursor:pointer; opacity:1; border-radius:50%; font-size:.8em; z-index:3}
.BoxShowPics .close:after{content:'\e61d'; font-family:iconfont_dg}
.BoxShowPics .close:hover,.boxalt2021 .close:hover:after{opacity:.5; transform:rotate(90deg)}
.BoxShowPics .picbox{max-width:96%; height:calc(98% - 100px); overflow:hidden; margin:2% auto 0; position:relative; cursor:grab}
.BoxShowPics .picbox:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.BoxShowPics .picbox img{object-fit:contain; width:100%; height:100%; display:block; position:absolute; z-index:0}
.BoxShowPics ul{position:fixed; left:50%; bottom:10px; text-align:center; max-width:1000px; transform:translate(-50%,0); width:90%}
.BoxShowPics ul li{display:inline-block; width:100px; height:60px; overflow:hidden; background:url("/Content/img/loading.gif") #fff no-repeat center center / 50%; position:relative; cursor:pointer}
.BoxShowPics ul li+li{margin-left:10px;}
.BoxShowPics ul li:after{content:''; border:0 solid #f90; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0}
.BoxShowPics ul li.on:after{border-width:4px; opacity:1}
.BoxShowPics ul li img{object-fit:cover; width:100%; height:100%; display:block}