discount.html
2.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/swiper-3.4.2.min.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/init.css" />
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_647640_n3cow34ja3gzaor.css" />
<link rel="stylesheet" type="text/css" href="/themes/simplebootx/Portal/Template/css/PersonCenter/discount.css" />
<script src="/themes/simplebootx/Portal/Template/js/base.js" type="text/javascript" charset="utf-8"></script>
<title>我的优惠券</title>
<style>
.nodata{
margin-top: 90px;
text-align: center;
color: #999;
font-size: 14px;
}
[v-cloak]{
display: none;
}
</style>
</head>
<body>
<div class="container" id="discount">
<!--导航-->
<div class="nav">
<ul>
<li class="active" @click="unuse($event)">未使用</li>
<li @click="alreadyuse($event)">已使用</li>
<li @click="expired($event)">已过期</li>
</ul>
</div>
<div class="discount tab" v-cloak>
<div class="discount_item" v-for="item in discount" :id="item.id">
<div class="discount_item_num">
<div class="discount_item_num_bxo">
<p>{{item.reduce}}</p>
<p>元</p>
</div>
<div class="discount_item_time">
<span>{{item.discount_coupon_name}}</span>
<span>有效期截止：{{item.deadline}}</span>
</div>
</div>
<div class="discount_item_btn">
立即使用<span>></span>
</div>
</div>
</div>
<!--没有优惠券提醒-->
<div class="nodata" v-if="discount.length==0">
暂无优惠券
</div>
</div>
</div>
<script src="/themes/simplebootx/Portal/Template/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/swiper-3.4.2.jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/themes/simplebootx/Portal/Template/js/discount.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
</script>
</body>
</html>