85 行
3.3 KiB
HTML
可执行文件
85 行
3.3 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/reset.css"/>
|
|
<link rel="stylesheet" type="text/css" href="__PUBLIC__/vip/css/card.css"/>
|
|
<title>优惠券</title>
|
|
<style>
|
|
.usetype1 {
|
|
background: url(__PUBLIC__/vip/images/z_mjq.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.usetype2 {
|
|
background: url(__PUBLIC__/vip/images/z_mjq1.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
.usetype3 {
|
|
background: url(__PUBLIC__/vip/images/z_mjq2.png);
|
|
background-size: 100% 100%;
|
|
}
|
|
|
|
#app {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.yhq {
|
|
flex: 1;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
body, html {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div class="card_title">
|
|
<div class="card_title_inner" :class="useType==1?'cheaka':''" @click="changeUseType(1)">未使用</div>
|
|
<div class="card_title_inner" :class="useType==2?'cheaka':''" @click="changeUseType(2)">已使用</div>
|
|
<div class="card_title_inner" :class="useType==3?'cheaka':''" @click="changeUseType(3)">已过期</div>
|
|
</div>
|
|
<!--未使用-->
|
|
<div class="yhq" :class="useType==1?'yhq00':(useType==2?'yhq01':(useType==3?'yhq02':''))">
|
|
<template v-for="item in couponData">
|
|
<div class="card_content" @click="toDetails(item.id)">
|
|
<div class="card_content_inner" :class="'usetype'+useType">
|
|
<div class="left_content">
|
|
<div class="card_content_inner01" v-text="'￥'+item.reducemoney"></div>
|
|
<div class="card_content_inner02" v-text="'满'+item.needmoney+'元可用'"></div>
|
|
</div>
|
|
<div class="right_content">
|
|
<div class="card_content_inner03" v-text="item.coupon_name"></div>
|
|
<div class="card_content_inner04"
|
|
v-text="'消费满'+item.needmoney+'元立减'+item.reducemoney+'元'"></div>
|
|
<div class="card_content_inner05" v-text="'有效期'+item.validity_time"></div>
|
|
<div class="card_content_inner06" v-if="useType==1">未使用</div>
|
|
<div class="card_content_inner06" v-if="useType==2">未使用</div>
|
|
<div class="card_content_inner06" v-if="useType==3">未使用</div>
|
|
</div>
|
|
</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__/retails/js/vue.js"></script>
|
|
<script src="__PUBLIC__/vip/js/coupon.js"></script>
|
|
</html> |