<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <include file="public@head_common"/> <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/pay/find_order.css" /> <link rel="stylesheet" type="text/css" href="__TMPL__/public/mobile/css/augly.css" /> <title>查询结果</title> <style type="text/css"> .bottom_icon { display: flex; justify-content: center; position:fixed; bottom: 0.2rem; left: 0; right: 0; /*margin: 0.42rem auto 0.34rem;*/ } </style> </head> <body> <div class="test_num"> 已复制 </div> <div class="header"> <div class="return"> <span class="back_href"> <i class="iconfont icon-jiantou-copy"></i>返回 </span> </div> 查询结果 </div> <div class="header_place"></div> <p class="order_tit">最近三次物流单号</p> <volist name="list" id="vo"> <div class="order_item"> <div class="copy_wrap" data-index='{$key}' data-order_num='{$vo.express}' data-clipboard-target="num_detail" onclick=""> <i class="iconfont icon-wendang"></i>复制 </div> <div class="order_num"> <div class="num_wrap"> <p class="num_detail" id="current{$key}">{$vo.express}</p> <p class="num_text">运单号</p> </div> <div class="order_data"><span>发货日期</span> <span class="data_detail">{:date('Y-m-d',strtotime($vo['send_time']))}</span><span class="data_month">{$vo.version}</span></div> </div> </div> </volist> <!--<div class="order_item">--> <!--<div class="copy_wrap" data-index='2' data-order_num='2819 3847 4488 5778'>--> <!--<i class="iconfont icon-wendang"></i> 复制--> <!--</div>--> <!--<div class="order_num">--> <!--<div class="num_wrap">--> <!--<p class="num_detail" id="current2" data-clipboard-text="num_detail">2819 3847 4488 5778</p>--> <!--<p class="num_text">运单号</p>--> <!--</div>--> <!--<div class="order_data">发货日期 <span class="data_detail">2018-7-10</span><span class="data_month">12月龄版</span></div>--> <!--</div>--> <!--</div>--> <!--<div class="order_item">--> <!--<div class="copy_wrap" data-index='3'>--> <!--<i class="iconfont icon-wendang"></i> 复制--> <!--</div>--> <!--<div class="order_num">--> <!--<div class="num_wrap">--> <!--<p class="num_detail" id="current3">2819 3847 4488 5779</p>--> <!--<p class="num_text">运单号</p>--> <!--</div>--> <!--<div class="order_data">发货日期 <span class="data_detail">2018-7-10</span><span class="data_month">12月龄版</span></div>--> <!--</div>--> <!--</div>--> <div class="bottom_icon position_a"> <img src="__TMPL__/public/mobile/images/biglogo@2x.png" class="bottom_img" /> <p class="bottom_text">{$site_info.site_name}</p> </div> <script src="__TMPL__/public/mobile/js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script> <script src="__TMPL__/public/mobile/js/swiper-4.3.5.min.js" type="text/javascript" charset="utf-8"></script> <script src="__TMPL__/public/mobile/js/clipboard.min.js" ty zpe="text/javascript" charset="utf-8"></script> <script src="__TMPL__/public/mobile/js/common.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $('.change_close').click(function() { $('.mask').hide() }); $('.buy_btn').click(function() { $('.mask').show() }); var clipboard = new Clipboard('.copy_wrap', { target: (event) => { var id = $(event).attr('data-index'); var tar = '#current' + id; return document.querySelector(tar); } }); var popup_switch = true; clipboard.on('success', function(e) { if(popup_switch) { popup_switch = false; $('.test_num').removeClass('Augly-fadeout'); $('.test_num').addClass('Augly-fadein'); $('.test_num').show(); setTimeout(function() { $('.test_num').removeClass('Augly-fadein'); $('.test_num').addClass('Augly-fadeout'); popup_switch = true }, 1500) } else { popup_switch = true } }); </script> </body> </html>