YDM
/
caiping


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>逸管FEP</title>
    <link rel="stylesheet" href="{__MOBILE__}/css/base.css">
    <link rel="stylesheet" href="{__MOBILE__}/css/invite.css">
    <link rel="stylesheet" href="{__MOBILE__}/layui-v2.8.18-rc.1/layui-v2.8.18-rc.1/layui/css/layui.css">
 <style>
       
    .invite-content1 img{
        width: 100%;
        object-fit: contain;
    }
    .bigImg {
        /*max-width: 100%;*/
        /*max-height: 100%;*/
        width: 100%;
        height: 100%;
        object-fit: contain;
      
        /*top: 50%;*/
        /*left: 50%;*/
        /*图片向左移动自身宽度的50%, 向上移动自身高度的50%。*/
        /*transform: translate(-50%, -50%);*/
    }

    /*遮罩层*/
    .opacityBottom {
        width: 100%;
        height: 100%;
        position: fixed;
        background: rgba(0, 0, 0, 0.8);
        z-index: 1000;
        top: 0;
        left: 0;
    }
</style>

</head>
<body>
    <!-- <div class="top-return">
        <a href="javascript:history.go(-1)">
            <span><img src="{__MOBILE__}/img/left.png" alt=""
                style="width: 5vw;"></span>
        </a>
        <span>工作记录详情</span>
    </div> -->
    <div class="invite">
        <div class="invite-top">
            <b>{$detail.title}</b>
        </div>
        <div class="invite-time">
            <span>{$detail.maker_name}</span>&nbsp;<span>发表于</span>&nbsp;<span>{$detail.create_time|date="Y-m-d h:i:s"}</span>
        </div>
        <div class="invite-content">
            {$detail.content|raw}
        </div>
        <div class="annex-title" style="margin-top: 1vw;">
            <img src="{__MOBILE__}/img/annex.png" alt="" style="width: 5vw;">&nbsp;<b>附件</b>
        </div>
        <div class="invite-content1">
            {:fileCard($file_array)}
            {empty name="$file_array" }
            <div class="layui-data-none">暂无附件</div>
            {/empty}
        </div>
    </div>
    <script src="{__MOBILE__}/js/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" charset="utf-8">
        $('.invite-content img').click(function () {
            var imgsrc = $(this).attr("src");
            var opacityBottom = '<div class="opacityBottom" style = "display:none"><img class="bigImg" src="' + imgsrc + '"></div>';
             console.log(opacityBottom)
            $(document.body).append(opacityBottom);
            // toBigImg();//变大函数
            $(".opacityBottom").addClass("opacityBottom");//添加遮罩层
            $(".opacityBottom").show();
            $("html,body").addClass("none-scroll");//下层不可滑动
            $(".bigImg").addClass("bigImg");//添加图片样式
            $(".opacityBottom").click(function () {
                $("html,body").removeClass("none-scroll");
                $(".opacityBottom").remove();
            })
        })
      
    </script>   
</body>
</html>