<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" /> <script type="text/javascript" src="../js/base.js"></script> <link rel="stylesheet" type="text/css" href="../assets/css/weui.min.css" /> <link rel="stylesheet" type="text/css" href="../assets/css/swiper-3.4.2.min.css" /> <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_773803_k1lcewwscuf.css" /> <script type="text/javascript" src="../assets/font/iconfont.js"> </script> <link rel="stylesheet" href="../css/discount.css" /> <style type="text/css"> .swiper-container { height: 3.6rem; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 44%; } a{ } </style> </head> <body> <div class="out"> <div class="use"> <span class="active">待使用</span> <span>已过期</span> <span ><a href="tobeuse.html">已使用</a></span> </div> <div class="wai"> <div> <div class="youhui"> <!--<div class='circle'> <i class='iconfont icon-duigou'></i> </div>--> <div class="quan"> <img src="../images/f2.png" alt="" /> <div class="dai"> <div class="money">¥5</div> <div class="date"> <span>代金券</span> <span>有效期:2018.08.06-2018.08.08</span> </div> </div> </div> <!--<img src="../images/use.png" alt="" class="used"/>--> </div> </div> <div> <div> <div class="youhui"> <!--<div class='circle cir'> </div>--> <div class="quan"> <img src="../images/f2.png" alt="" /> <div class="dai"> <div class="money">¥5</div> <div class="date"> <span>代金券</span> <span>有效期:2018.08.06-2018.08.08</span> </div> </div> </div> <!--<img src="../images/use.png" alt="" class="used"/>--> </div> </div> <div> </div> <!--<div class="ok"> 确定使用 </div>--> </body> </html>