<extend name="Public/bases" /> <block name="css"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link href="__CSS__/user.css" rel="stylesheet" > <script src="__JS__/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="__JS__/getRem.js"></script> <link rel="stylesheet" type="text/css" href="__CSS__/reset.css"> <link rel="stylesheet" type="text/css" href="__CSS__/foot_tabbar.css"> <link rel="stylesheet" type="text/css" href="__CSS__/myBag.css"> </block> <block name="body" > <body style="background-image:none;"> <div class="myBag"> <!-- 子页公共头部 --> <div class="subpage-heard" style="width: 100%;position: fixed;top:0;margin-bottom: 1rem;z-index: 999">我的礼包 <a href="{:U('User/index')}" class="arrows"></a> </div> <div style="height: 1.4rem"></div> <!-- 没有内容时显示 --> <empty name="data"> <div class="not-play" > <img src="__IMG__/not_play.png" alt=""> <span>您还没有相关内容哦</span> </div> <else/> <div id="ajaxContainer" currentpage="{$page}"> <volist name="data" id="data"> <div class="myBag-box"> <div class="myBag-info"> <div class="infoBox"> <div class="title">特权礼包</div> <div class="gift-bag"> <img src="__IMG__/libao.png" alt=""> <span>{$data.gift_name}</span> </div> <div class="describe">[{$data.desribe}]</div> <div class="redeem"> <div >兑换码:<span >{$data.novice}</span></div> <a class="jsgetgiftcopy" data-clipboard-text="{$data.novice}">复制兑换码</a> </div> </div> </div> </div> </volist> </div> </empty> </div> <div class="loading ms-none hidden" id="moreBtn"><a href="javascript:" class="link"></a></div> <div class="pop pop-dialog"></div> <style> .pop-dialog span { padding: .1rem 1rem; } </style> <div class="popmsg pop-dialog" style="font-size: 15px!important;"></div> <div class="space"></div> <script src="__JS__/ajaxload.js"></script> <script src="__JS__/pop.lwx.min.js"></script> <script src="__JS__/clipboard.min.js"></script> <script src="__JS__/slider.lwx.min.js"></script> <script> $(function() { var pmsg = $('.popmsg').pop(); var clipboard = new Clipboard('.jsgetgiftcopy'); clipboard.on('success', function(e) { pmsg.msg('复制成功'); e.clearSelection(); }); clipboard.on('error', function(e) { pmsg.msg('此浏览器不支持此操作,请长按礼包码复制'); }); $('.jscopy').click(function(event) { var elem = $(this).siblings('input'); if (window.clipboarData) { window.clipboarData.clearData(); window.clipboarData.setData('text',elem.val()); alert('已经成功复制'); } else { elem.select(); alert('请长按礼包号码上选择'); } return false; }); slider.init('.jsbutton'); var pop = $('.pop').pop(); $('.jsdel').click(function() { pop.msg('dddd'); }); var popmsg = $('.loading').pop(); <?php if(!$data){?> pmsg.msg('暂无数据'); <?php }?> var ac = $('#ajaxContainer'); ajaxload('{:U("ajaxUserGift")}',{},function(data) { if (data.status == 1) { ac.attr('currentpage',data.page); var html = '',d = data.lists; for (var i in d) { var item = d[i]; html += '<div class="myBag-box">'+ '<div class="myBag-info">'+ '<div class="infoBox"> ' + '<div class="title">特权礼包</div>' + '<div class="gift-bag">' + '<img src="__IMG__/libao.png" alt="">' + '<span>{$data.gift_name}</span></div>' + '<div class="describe">[' + item.desribe+ ']</div>'+ '<div class="redeem">'+ '<div >兑换码:<span >'+item.novice+'</span></div>' + '<a class="jsgetgiftcopy" data-clipboard-text="'+item.novice+'">复制兑换码</a>'+ '</div> </div> </div> </div>'; } ac.append(html); $('.loading').addClass('ms-none'); $('#moreBtn').removeClass('ms-none');loads = false; } else { $('.loading').removeClass('hidden').addClass('ms-none'); // pmsg.msg('已经到底了~'); } }) }); </script> </body> <script type="text/javascript" src="http://www.jq22.com/demo/clipboard.js-master201703170013/dist/clipboard.min.js"></script> <script type="text/javascript" src="__JS__/myBag.js"></script> </block> <block name="footer"></block>