<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" style=" height: 100%">
<head>
    <meta charset="UTF-8">
    <title>长按图片分享</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <script src="/static/js/jquery-3.5.1.min.js?v=" +Math.random()></script>
    <script src="/static/js/common.js?v=" +Math.random()></script>
    <script src="/static/web/js/common.js"></script>
    <script src="/static/web/js/layer.js"></script>
    <script>
        document.write('<link href="/static/css/web/share/poster.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>

    <link href="/web/css/common.css" rel="stylesheet">
    <script src="/static/web/js/jquery.qrcode.min.js?v=1.0.1" type="text/javascript"></script>
    <script src="/static/web/js/html2canvas.js" type="text/javascript"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>

<script type="text/javascript">
    //引入该flexible.min.js
    !function (e, t) {
        function n() {
            var n = l.getBoundingClientRect().width;
            t = t || 540, n > t && (n = t);
            var i = 100 * n / e;
            r.innerHTML = "html{font-size:" + i + "px;}"
        }

        var i, d = document, o = window, l = d.documentElement, r = document.createElement("style");
        if (l.firstElementChild) l.firstElementChild.appendChild(r); else {
            var a = d.createElement("div");
            a.appendChild(r), d.write(a.innerHTML), a = null
        }
        n(), o.addEventListener("resize", function () {
            clearTimeout(i), i = setTimeout(n, 300)
        }, !1), o.addEventListener("pageshow", function (e) {
            e.persisted && (clearTimeout(i), i = setTimeout(n, 300))
        }, !1), "complete" === d.readyState ? d.body.style.fontSize = "16px" : d.addEventListener("DOMContentLoaded", function (e) {
            d.body.style.fontSize = "16px"
        }, !1)
    }(750, 750);
</script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body style=" height: 100%;width: 100%">
<div class="box" id="hidden_wrap" style="position: relative;">
    <div class="success-text" id="first">
        <!--当前登录人openid-->
        <!--<input id="openId" th:value="${wxUserInfo.getOpend()}" hidden="hidden"/>-->
        <!--当前登录人mid-->
        <input id="mid" hidden="hidden"/>
        <!--当前登录人mid-->
        <input id="headImgUrl" th:value="${wxUserInfo.getHeadimgurl()}" hidden="hidden"/>

        <div class="topBox">
            <span class="topImg">
                <img id="headImg" th:src="${dataInfo.objCoverImg}" style="width: 100%;height: 100%"
                     crossorigin="anonymous">
                <!--                <img id="headImg" src="../img/wapewm.jpg" style="width: 100%;height: 100%" crossorigin="anonymous">-->
            </span>

        </div>
    </div>
    <div class="shareCode">
         <span>
                  <p class="space-s-m-t"><span class="f18 fw600 color-white ">我是[[${wxUserInfo.nickname}]]，邀请您参与</span></p>
                 <img th:src="${wxUserInfo.headimgurl}" style="width:1.8rem;height: 1.8rem">
             </span>
        <div id="qrcode" style="display: flex;align-items: center;">
            <span class="word">扫码查看  >></span>

            <img style="width:1.8rem;" th:src="'data:image/png;base64,'+${qrcode}" crossorigin="anonymous">
        </div>
    </div>

    <!--专属海报背景图-->
    <!--    <img id="back-img" src="https://img1.17img.cn/ui/simg/woyaoce/20210203/bg-lb.png">-->
</div>
<!--返回顶部-->
<div th:include="web/common::common-back-web"></div>
<img class="o-img" id="o-img" src="" alt="" hidden>
<style>



    .pStyle {
        margin-top: .1rem;
        margin-bottom: .1rem;
        /*border: 1px solid #ccc;*/
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
</style>
</body>
<script>
</script>
<!--定制微信专属分享链接-->
<script th:inline="javascript">
    //<![CDATA[
    //]]>
</script>

</html>
<script src="/static/js/vue.js"></script>

<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>
    document.write('<script src="/static/js/web/share/poster.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/js/jweixin-1.0.0.js"></script>
<script src="/static/js/wxshare.js?version=20220630"></script>
<script src="/web/js/common.js?version=20220630"></script>

</html>
