<!DOCTYPE html>

<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <title></title>
    <style type="text/css">
        html,body,p,span,div,img{margin:0;padding:0;}body{width:750px;}
        .shareC {width:750px;padding:0;text-align:center;font-family: "Microsoft Yahei";color:#212121;}
        .avatar{padding: 35px 55px 20px 55px;}
        #headerBg{width:600px; height:500px;}
        #title{font-size:34px; }
        #title{font-size: 40px;line-height: 1.5;padding:0 110px 0 110px;/* height:72px; */display:block;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;text-overflow:ellipsis;}
        .price{color:#ff8519;font-size: 40px;margin-top: 20px;}
        .price #price{font-size: 30px;text-decoration:line-through;}
        .qrcode{background:url(/data/img/flower.png);height: 388px;margin: 40px auto 0 auto;padding-top: 100px;}
        /*#qrImg {margin-top:80px;}*/
        #qrcodeImg img { margin: 0 auto;}
        .footer{font-size:30px;height:66px;line-height:66px;padding: 20px 0 55px 0;}
        .footer img{vertical-align:bottom; display:inline-block;}
    </style>
</head>
<body>
<div class="shareC">
    <div class="avatar">
        <img id="headerBg" src="" />
    </div>
    <div id="title"></div>
    <div class="price">
        <img src="/data/img/sale.png" />
        <span id="discount" ></span>
        <span id="price"></span>
    </div>
    <div class="qrcode" id="qrcode">
        <img id="qrImg" width="250" height="250" src="" />
        <div id="qrcodeImg"></div>
        <p id="tip"></p>
    </div>
    <div class="footer">
        <img src="/data/img/logo.png" /> 我的身边店
    </div>
</div>
<script type="text/javascript" src="/data/js/qrcode.min.js"></script>
<script type="text/javascript">
    function removeElement(_element){
        var _parentElement = _element.parentNode;
        if(_parentElement){
            _parentElement.removeChild(_element);
        }
    }
    var pageObj = {
        type : "<?php echo $params['shareType'];?>",//1或2是小程序码，其它是二维码
        id : "<?php echo $params['id'];?>",//1是小程序码，2是二维码,
        headerBg : "<?php echo $params['imgUrl'];?>",
        url : "<?php echo $params['qrCode'];?>",
        qrImg :  "<?php echo $params['qrCode'];?>",
        title : "<?php echo $params['desc'];?>",
        price : "<?php echo $params['price'];?>",
        discount : "<?php echo $params['dicountPrice'];?>",
    };
    if(pageObj.notice==null || pageObj.notice=="")
        pageObj.notice="暂无公告";
    var excute = ["title"];
    excute.forEach(function(v,i){
        document.getElementById(v).innerHTML = pageObj[v];
    });
    document.getElementById("headerBg").src = pageObj.headerBg;
    document.getElementById("discount").innerHTML = "<span style='font-size:30px;'>¥</span>"+(pageObj.discount / 100).toFixed(2);

    if(pageObj.price != pageObj.discount)
        document.getElementById("price").innerHTML = "<span style='font-size:30px;'>¥</span>"+(pageObj.price / 100).toFixed(2);
    if(pageObj.type<=2){
        document.getElementById("qrImg").src = pageObj.qrImg;
    }
    else{
        var ele=document.getElementById('qrImg');
        removeElement(ele);
        new QRCode(document.getElementById('qrcodeImg'), pageObj.url);
    }



</script>
</body>
</html>