<!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:"黑体";color:#212121;}
        .avatar{padding:55px 55px 20px 55px;}
        #headerBg{width:600px; height:500px;}
        #title{font-size:34px; }
        #title{ font-size:28px; line-height:36px; 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:46px;}
        .price #price{font-size:34px; text-decoration:line-through;}
        .qrcode{background:url(/data/img/flower.png); height:488px; margin:6px auto 0 auto;}
        #qrImg {margin-top:80px;}
        #qrcodeImg img { margin: 0 auto;}
        .footer{ font-size:30px; height:66px; line-height:66px; padding:0 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" 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">
    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);

    new QRCode(document.getElementById('qrcodeImg'), pageObj.url);
//    if(pageObj.type<=2){
//        document.getElementById("qrImg").src = pageObj.qrImg;}
//    else{
//        new QRCode(document.getElementById('qrcodeImg'), pageObj.url);
//    }



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