consumer-coupon/user/index.html

150 lines
5.9 KiB
HTML
Raw Permalink 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">
<link rel="stylesheet" href="../css/swiper-bundle.min.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>
<script src="../js/swiper-bundle.min.js" type="text/javascript"></script>
</head>
<body>
<!-- 轮播图 -->
<div class="banner">
<div class="banner-swiper swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href=""><img src="../images/banner.jpg" alt="轮播图"></a>
</div>
<div class="swiper-slide">
<a href=""><img src="../images/banner.jpg" alt="轮播图"></a>
</div>
<div class="swiper-slide">
<a href=""><img src="../images/banner.jpg" alt="轮播图"></a>
</div>
</div>
</div>
</div>
<!-- 内容区 -->
<div class="index-content border-box">
<!-- 活动时间 -->
<div class="section radius50 border-box" style="margin-top: .34rem;">
<div class="recommend-title font38 color-ff border-box flex">活动时间</div>
<div class="section-box activity-time radius40 border-box flex">
<a href="luck-draw.html" class="envelopes">
<span>17:00</span>
<p class="font26 radius20 flex">立即开抢</p>
</a>
<a href="luck-draw.html" class="envelopes">
<span>18:00</span>
<p class="font26 radius20 flex">立即开抢</p>
</a>
</div>
</div>
<!-- 活动介绍 -->
<div class="section radius50 border-box" style="margin-top: .8rem;">
<div class="recommend-title font38 color-ff border-box flex">活动介绍</div>
<div class="section-box activity-info radius40 border-box flex">
<div class="txt">
<div class="survey font28">
<p><strong>活动时间:</strong>2022年8月31日-2022年9月1日</p>
<p><strong>主办方:</strong>四川天府新区万安街道办事处</p>
</div>
<div class="introduce font30">
<div class="rich-text">
<p>
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券领取及兑换规则 </span>
1.抢券时间为5天 上午开抢时间上午1000整和下午1500整。<br />
2.每天发放20元面值20张、30元面值40张、50元面值40张、80元面值30张、100元面值20张此券拆分上午和下午准时定点发放。<br />
3.消费券每人每天可参加一次抽奖活动领取。
</p>
<p style="margin-top: .3rem;">
<span class="radius20 background-f35 flex" style="justify-content: center;align-items:center;height: .62rem;margin-bottom: .2rem;">消费券使用规则</span>
1.使用此券可与店内活动同享。<br />
2.此券在活动期内使用,如未在活动期内使用视为作废。<br />
3.此消费券不找零,不兑换现金。<br />
4.消费券可叠加使用。
</p>
</div>
</div>
</div>
</div>
</div>
<!-- 商家推荐 -->
<div class="section radius50 border-box" style="margin-top: .8rem;">
<div class="recommend-title font38 color-ff border-box flex">商家推荐</div>
<div class="section-box recommend radius40 border-box flex">
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
<a class="item" href="detail.html">
<div class="img radius25">
<img src="../images/recommend.jpg" alt="商家">
</div>
<div class="txt font24 clips1">周大福</div>
</a>
</div>
</div>
</div>
<!-- 尾部 -->
<div class="footer background-ff border-box">
<div class="foot font24 flex">
<a href="index.html" class="item flex active">
<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">
<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>