IT源码网

JS在线生成二维码

qq123 2019年11月29日 Web前端 675 0

Js代码

百度云公开下载地址:http://pan.baidu.com/s/1nvjTXB7

Html+Php代码

<volist name="huodong_list" id="v"> 
            <script> 
            $(document).ready(function(){ 
             var qrcode = new QRCode(document.getElementById("qrcode_div{$v.id}"), { 
                width : 94,//设置宽高 
                height : 90 
            }); 
            qrcode.makeCode("http://www.baidu.com/{$v.id}"); 
            }) 
         
        </script> 
            <div class="item-box"> 
                <div class="thumbnail"> 
                   <div class="thumb"> <img src="{$v.img.l}" alt="{$v.name}" width="312px" height="210px"/></div> 
 
                    <div class="mask"> 
                        <div class="blur"></div> 
                        <div class="content"> 
                            <div><div class="bg_div" id="qrcode_div{$v.id}"></div></div> 
                            <p>微信扫描二维码,查看详情</p> 
                        </div> 
                    </div> 
                </div> 
                <div class="detail"> 
                    <h4 style="height:30px;">{$v.name}</h4> 
 
                    <p>{$v.title}</p> 
 
                    <div class="info"> 
                        <span class="price">¥{$v.money_price}</span> 
                        <span class="worth">¥{$v.original_price}</span> 
                        <span class="sell">{$v.joins}人已参加</span> 
                    </div> 
                </div> 
            </div> 
 </volist>

 

评论关闭
IT源码网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!