consumer-coupon/business/used.html

100 lines
3.8 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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="header background-00 color-ff font38 flex">已使用卡券</div>
<!-- 待使用卡券 -->
<div class="card-list card-list-business border-box">
<div class="item radius30 border-box flex">
<div class="info flex">
<div class="price color-ae font120">100<span class="background-ae radius100 font24 color-ff"></span></div>
<div class="txt used-txt">
<span class="font48">消费券</span>
<p class="font24 color-af">有效期至2021.03.02</p>
<p class="font24 color-af clips1">使用商家:掌中宝串串</p>
<p class="copy font24 color-af flex">
券码后6位asdfgh
<span class="copy-btn color-83">复制完整劵码<em>111</em></span>
</p>
</div>
</div>
</div>
<div class="item radius30 border-box flex">
<div class="info flex">
<div class="price color-ae font120">100<span class="background-ae radius100 font24 color-ff"></span></div>
<div class="txt used-txt">
<span class="font48">消费券</span>
<p class="font24 color-af">有效期至2021.03.02</p>
<p class="font24 color-af clips1">使用商家:无</p>
<p class="copy font24 color-af flex">
券码后6位asdfgh
<span class="copy-btn color-83">复制完整劵码<em>222</em></span>
</p>
</div>
</div>
</div>
<div class="item radius30 border-box flex">
<div class="info flex">
<div class="price color-ae font120">100<span class="background-ae radius100 font24 color-ff"></span></div>
<div class="txt used-txt">
<span class="font48">消费券</span>
<p class="font24 color-af">有效期至2021.03.02</p>
<p class="font24 color-af clips1">使用商家:无</p>
<p class="copy font24 color-af flex">
券码后6位asdfgh
<span class="copy-btn color-83">复制完整劵码<em>333</em></span>
</p>
</div>
</div>
</div>
<div class="item radius30 border-box flex">
<div class="info flex">
<div class="price color-ae font120">100<span class="background-ae radius100 font24 color-ff"></span></div>
<div class="txt used-txt">
<span class="font48">消费券</span>
<p class="font24 color-af">有效期至2021.03.02</p>
<p class="font24 color-af clips1">使用商家:无</p>
<p class="copy font24 color-af flex">
券码后6位asdfgh
<span class="copy-btn color-83">复制完整劵码<em>444</em></span>
</p>
</div>
</div>
</div>
</div>
<!-- 弹窗背景 -->
<div class="pull-bg"></div>
<!-- 复制成功提示 -->
<div class="copy-tips font24 background-ff radius20">复制成功</div>
<!-- 尾部 -->
<div class="footer background-ff border-box">
<div class="foot foot-business font24 flex">
<a href="index.html" class="item flex">
<img src="../images/icon/icon-tabbar-05.png" alt="核销">
<img src="../images/icon/icon-active-05.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>