53 行
2.1 KiB
HTML
可执行文件
53 行
2.1 KiB
HTML
可执行文件
<!DOCTYPE html>
|
|
<html>
|
|
<!--[1.8.85]-->
|
|
<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="__PUBLIC__/vip/css/templateB/card-coupon.css"/>
|
|
<script type="text/javascript" src="__PUBLIC__/vip/js/templateB/rem.js"></script>
|
|
<title>优惠券</title>
|
|
<style type="text/css">
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app" v-cloak class="wrap">
|
|
<div class="nav">
|
|
<div @click="changeUseType(1)" class="nav-inner">
|
|
<span :class="[useType==1?'cheak':'']">未使用</span>
|
|
</div>
|
|
<div @click="changeUseType(2)" class="nav-inner">
|
|
<span :class="[useType==2?'cheak':'']">已使用</span>
|
|
</div>
|
|
<div @click="changeUseType(3)" class="nav-inner">
|
|
<span :class="[useType==3?'cheak':'']">已过期</span>
|
|
</div>
|
|
</div>
|
|
<!--未使用-->
|
|
<div>
|
|
<template v-for="item in couponData">
|
|
<div class="inner-x" @click="toDetails(item.id)" :class="'usetype'+useType">
|
|
<div class="innera" v-text="'￥'+item.reducemoney"></div>
|
|
<div class="innerb" v-text="'满'+item.needmoney+'元可用'"></div>
|
|
<div class="innerc" v-text="item.coupon_name"></div>
|
|
<div class="innerd" v-text="'消费满'+item.needmoney+'元立减'+item.reducemoney+'元'"></div>
|
|
<div class="innere" v-text="'有效期'+item.validity_time"></div>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="__PUBLIC__/vip/js/jquery-3.2.1.min.js"></script>
|
|
<script src="__PUBLIC__/vip/js/window-reload.js"></script>
|
|
<script src="__PUBLIC__/js/tips.js"></script>
|
|
<script src="__PUBLIC__/vue/js/vue2.5.16.js"></script>
|
|
<script src="__PUBLIC__/vip/js/coupon.js"></script>
|
|
|
|
</html> |