<!--海报分享开始-->


<!--
<style type="text/css">
#share_code{
    position:fixed;
    right:30px;
    top:80px;
    z-index:200;
    font-size:30px;
}
#share_code em{
    font-size:13px;
}
</style>
<i id="share_code" onclick="share_btn()" class="fa fa-qrcode"><em>点击生成海报</em></i>
-->
<script type="text/javascript" src="__STATIC__/libs/html2canvas/html2canvas.js"></script>
<style type="text/css">
.share_box {margin: 0 auto;position: relative;background:#FFF;}
.add_tt{height:50px; line-height:50px; border-bottom:1px #f4f4f4 solid; text-align:center; background:#f8f8f8}
.share_box{padding:10px;}
.share_picurl{
    background:#F4E3C9;
}
.share_picurl img {width: 100%;}
.list_cnt{
    padding:10px 10px 40px 10px;
    background:#F4E3C9 url(__STATIC__/fenlei/haibao_hua.png) no-repeat right top;
}
.head-tag{
    font-size:14px;
    font-weight:bold;
    color:#862200;
}
.job-content{
    font-size:12px;
    color:#333;
    line-height:18px;
}
.phone{
    font-size:16px;
    letter-spacing:5px;
}
.foot_cpy{
    text-align:center;
    color:#ccc;
    font-size:11px;
    background:#000;
    line-height:20px;
    border-top:2px solid #D06507
}
.foot_cnt{
    height:75px;
    background:#FAD3B2;
}
.head_cnt{
    background:#A50001 url(__STATIC__/fenlei/haibao_hua.png);
    background-size:110px 70px;
    color:#fff;
    text-align:center;
    line-height:30px;
    font-size:18px;
    font-weight:bold;
    padding-top:15px;
    padding-bottom:15px;
}
.line_cnt{
    height:3px;
    margin-top:5px;
    border-top:3px solid #A50001;
    border-bottom:1px solid #8E2000;
}

.user_icon{
    position: absolute;
    left:20px;
    bottom:35px;
    text-align:center;
    font-size:12px;
    line-height:18px;
}
.user_icon img{
    width:50px;height:50px;border-radius:100%;border:1px solid #D06507;opacity:0.7;
}

.list_image{
    width:100%;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}
.list_image img{
    max-width:90%;
    border-radius:30px;
    opacity:0.9;
    border:1px solid #E1C292;
}

.share_pro{
    position: absolute;
    text-align:center;
    right: 20px;
    bottom: 35px;
    color:#333;
    font-size:12px;
    line-height:18px;
}
.share_pro img {width:60px;height:60px;}
.close_btn{
background:url(__STATIC__/libs/html2canvas/close.png) no-repeat;background-size:22px auto;width:22px;height:22px;right:10px;top:14px;display:block;position:absolute}
</style>
<div id="page_share" style="display:none;">
  <div class="add_tt">长按下面的图片另存或分享给好友</div>
  <div class="close_btn" onclick="app_page_close();"></div>
  <div style="position:relative">
    <div class="share_box" id="share_html">
        <div class="user_icon"><img src="{:tempdir($userdb.icon)}" /><br>{$userdb.username}</div>    
        <div class="share_pro"><img src="{$codeimg?:fun('Haibao@img',$userdb,$id)}"><br>识别查看详情</div>
        
        <div class="share_picurl">
            <div class="head_cnt">{$info.title}</div>
            <div class="line_cnt"></div>
            {if $info.picurl!=''}
            <div class="list_image">
                <img src="{$info.picurl}">
            </div>
            {/if}
            <div class="list_cnt">
                {qb:showpage name="haibao_base" field="picurl,maps,telphone"}
                    {if !in_array($rs.type,['ueditor','image','file','images2','files','bmap'])}
                    <div class="head-tag">{title}</div><div class="job-content">{value}</div>
                    {/if}
                {/qb:showpage}    
                <div class="head-tag">联系方式</div><div class="job-content"><span class="phone">{$info.telphone}</span> </div>
            </div>
            <img src="__STATIC__/fenlei/haibao_bg.jpg">
            <div class="foot_cnt"></div>
            <div class="foot_cpy">本信息经《{$webdb.webname}》鉴定真实有效!</div>
        </div>
    </div>
    <img src="__STATIC__/libs/html2canvas/blank.png" id="share_img" style="position:absolute;top:0;left:0;display:none;background: #fff url(__STATIC__/libs/html2canvas/loading.gif) no-repeat center">
  </div>
</div>
<script type="text/javascript">
//分享
function share_btn() {
    app_page('page_share', function(){
        div_toimg("share_html", "share_img");
    });
}
$(function(){    
    setTimeout(function(){
        //share_btn();    //自动生成预览
    },3000);
});
</script>
<!--海报分享结束-->