<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>待使用卡券</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <!-- css加载 --> <link rel="stylesheet" href="../css/common.css"> <link rel="stylesheet" href="../css/style.css"> <!-- js加载 --> <script src="../js/jquery-3.6.1.min.js" type="text/javascript"></script> <script src="../js/base.js" type="text/javascript"></script> <script src="../js/script.js" type="text/javascript"></script> </head> <body> <!-- 待使用卡券 --> <div class="card-list border-box"> <div class="item radius30 border-box flex"> <div class="info flex"> <div class="price color-f35 font120">30<span class="background-f35 radius100 font24 color-ff">元</span></div> <div class="txt"> <span class="font48">消费券</span> <p class="font24 color-af">有效期至:2021.03.02</p> <p class="font24 color-af">券码后6位:asdfgh</p> </div> </div> <div class="line"></div> <div class="card-btn background-f35 radius10 font24 color-ff border-box flex">立即使用</div> </div> <div class="item radius30 border-box flex"> <div class="info flex"> <div class="price color-f35 font120">50<span class="background-f35 radius100 font24 color-ff">元</span></div> <div class="txt"> <span class="font48">消费券</span> <p class="font24 color-af">有效期至:2021.03.02</p> <p class="font24 color-af">券码后6位:asdfgh</p> </div> </div> <div class="line"></div> <div class="card-btn background-f35 radius10 font24 color-ff border-box flex">立即使用</div> </div> <div class="item radius30 border-box flex"> <div class="info flex"> <div class="price color-f35 font120">100<span class="background-f35 radius100 font24 color-ff">元</span></div> <div class="txt"> <span class="font48">消费券</span> <p class="font24 color-af">有效期至:2021.03.02</p> <p class="font24 color-af">券码后6位:asdfgh</p> </div> </div> <div class="line"></div> <div class="card-btn background-f35 radius10 font24 color-ff border-box flex">立即使用</div> </div> <div class="item radius30 border-box flex"> <div class="info flex"> <div class="price color-f35 font120">100<span class="background-f35 radius100 font24 color-ff">元</span></div> <div class="txt"> <span class="font48">消费券</span> <p class="font24 color-af">有效期至:2021.03.02</p> <p class="font24 color-af">券码后6位:asdfgh</p> </div> </div> <div class="line"></div> <div class="card-btn background-f35 radius10 font24 color-ff border-box flex">立即使用</div> </div> </div> <!-- 弹窗背景 --> <div class="pull-bg"></div> <!-- 核销二维码 --> <div class="card-window radius20 background-ff border-box"> <div class="window-title font30">扫码使用</div> <div class="card-code"> <img src="../images/code.png" alt="二维码"> </div> <div class="code-btn radius30 background-f35 color-ff font36 flex">确认</div> </div> <!-- 尾部 --> <div class="footer background-ff border-box"> <div class="foot font24 flex"> <a href="index.html" class="item flex"> <img src="../images/icon/icon-tabbar-01.png" alt="首页"> <img src="../images/icon/icon-active-01.png" alt="首页"> <span>首页</span> </a> <a href="luck-draw.html" class="item flex"> <img src="../images/icon/icon-tabbar-02.png" alt="抽奖"> <img src="../images/icon/icon-active-02.png" alt="抽奖"> <span>抽奖</span> </a> <a href="business.html" class="item flex"> <img src="../images/icon/icon-tabbar-03.png" alt="商家"> <img src="../images/icon/icon-active-03.png" alt="商家"> <span>商家</span> </a> <a href="my.html" class="item flex active"> <img src="../images/icon/icon-tabbar-04.png" alt="我的"> <img src="../images/icon/icon-active-04.png" alt="我的"> <span>我的</span> </a> </div> </div> </body> </html>