55 行
2.7 KiB
HTML
可执行文件
55 行
2.7 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
<!--[1.8.85]-->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>优惠券</title>
|
|
<link rel="stylesheet" href="__PUBLIC__/css/css-comment.css">
|
|
<script src="__PUBLIC__/rem/js/rem.js"></script>
|
|
<link rel="stylesheet" href="__PUBLIC__/vip/css/templateA/vip.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" v-cloak>
|
|
|
|
<div class="coupon">
|
|
<div class="couponNav">
|
|
<span class="navItem" :class="[useType==1?'navActice':'']" @click="changeUseType(1)">未使用</span>
|
|
<span class="navItem" :class="[useType==2?'navActice':'']" @click="changeUseType(2)">已使用</span>
|
|
<span class="navItem" :class="[useType==3?'navActice':'']" @click="changeUseType(3)">已过期</span>
|
|
</div>
|
|
<ul class="coupon-ul">
|
|
<template v-for="item in couponData">
|
|
<li class="coupon-li" @click="toDetails(item.id)">
|
|
<img class="couponbg" v-show="useType==1" src="__PUBLIC__/vip/images/templateA/coupon1.jpg" alt="">
|
|
<img class="couponbg" v-show="useType==2" src="__PUBLIC__/vip/images/templateA/coupon2.jpg" alt="">
|
|
<img class="couponbg" v-show="useType==3" src="__PUBLIC__/vip/images/templateA/coupon3.jpg" alt="">
|
|
<div class="coupon-box">
|
|
<div class="coupon-right">
|
|
<div class="garden">
|
|
<p>￥<span class="reduce">{{item.reducemoney}}</span></p>
|
|
<p class="full" v-show="useType==1">满{{item.needmoney}}可用</p>
|
|
<p class="fullActive" v-show="useType==2 || useType==3">满{{item.needmoney}}可用</p>
|
|
</div>
|
|
</div>
|
|
<div class="coupon-left">
|
|
<p class="stage" :class="[useType==1?'':'couponColor']">有效期{{item.validity_time}}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</template>
|
|
<div class="card_more" v-if="allCoupon[useType-1]['hasMore']==1" @click="loadMore">加载更多</div>
|
|
<div class="card_more" v-if="allCoupon[useType-1]['hasMore']!=1">--没有更多了--</div>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/retails/js/vue.js"></script>
|
|
<script src="__PUBLIC__/vip/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/vip/js/window-reload.js"></script>
|
|
<script src="__PUBLIC__/vip/js/coupon.js"></script>
|
|
|
|
</html> |