You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
4.1 KiB
108 lines
4.1 KiB
{include file="page_header"}
|
|
<div class="con">
|
|
<div class="flow-coupon user-coupon">
|
|
<div class="hd tab-title j-tab-title b-color-f">
|
|
<ul class="dis-box">
|
|
<li class="box-flex active"><a href="#">未使用({$status.one})</a></li>
|
|
<li class="box-flex"><a href="#">已使用({$status.two})</a></li>
|
|
<li class="box-flex"><a href="#">已过期({$status.three})</a></li>
|
|
</ul>
|
|
</div>
|
|
<div id="j-tab-con">
|
|
<div class="swiper-wrapper ">
|
|
<section class="swiper-slide swiper-no-swiping ">
|
|
<ul class="padding-all">
|
|
{foreach $bonus as $key}
|
|
{if $key.bonus_status ==0 || $key.bonus_status ==2}
|
|
<li class="big-remark-all">
|
|
<div class="dis-box position-rel">
|
|
{if $key.near_time}
|
|
<div class="remark-out">快过期</div>
|
|
{/if}
|
|
<a class="product-div-link"></a>
|
|
<div class="remark-all temark-{if $key.type_money>=0}{if $key.type_money>=50}{if $key.type_money>=100}1{else}2{/if}{else}3{/if}{else}3{/if} tb-lr-center">
|
|
<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
|
|
</div>
|
|
<div class="box-flex b-color-f padding-all position-rel">
|
|
<h4>{$key.rz_shopName}</h4>
|
|
<p>{$key.type_name}</p>
|
|
<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>
|
|
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{/foreach}
|
|
</ul>
|
|
</section>
|
|
<section class="swiper-slide swiper-no-swiping">
|
|
<ul class="select-three j-get-i-more padding-all">
|
|
{foreach $bonus as $key}
|
|
{if $key.bonus_status == 1}
|
|
<li class="big-remark-all">
|
|
<div class="dis-box position-rel">
|
|
<a class="product-div-link"></a>
|
|
<div class="remark-all temark-4 tb-lr-center">
|
|
<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
|
|
</div>
|
|
<div class="box-flex b-color-f padding-all">
|
|
<h4>{$key.rz_shopName}</h4>
|
|
<p>{$key.type_name}</p>
|
|
<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{/foreach}
|
|
</ul>
|
|
</section>
|
|
<section class="swiper-slide swiper-no-swiping">
|
|
<ul class="select-three j-get-i-more padding-all">
|
|
{foreach $bonus as $key}
|
|
{if $key.bonus_status == 3}
|
|
<li class="big-remark-all">
|
|
<div class="dis-box position-rel">
|
|
<a class="product-div-link"></a>
|
|
<div class="remark-all temark-4 tb-lr-center">
|
|
<span class="b-r-a-price"><sup>¥</sup>{$key.type_money}</span>
|
|
</div>
|
|
<div class="box-flex b-color-f padding-all">
|
|
<h4>{$key.rz_shopName}</h4>
|
|
<p>{$key.type_name}</p>
|
|
<p class="t-remark">{$key.use_startdate} ~ {$key.use_enddate}</p>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
{/if}
|
|
{/foreach}
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="user-coupon-add padding-all filter-btn">
|
|
<a href="{U('add_bonus')}" type="button" class="btn-submit">添加优惠券/红包</a>
|
|
|
|
</div>
|
|
</div>
|
|
<!--引用js-->
|
|
{include file="script"}
|
|
<script>
|
|
/*切换*/
|
|
var tabsSwiper = new Swiper('#j-tab-con', {
|
|
speed: 0,
|
|
noSwiping: true,
|
|
autoHeight: true
|
|
})
|
|
$(".j-tab-title li").on('touchstart mousedown', function(e) {
|
|
e.preventDefault()
|
|
$(".j-tab-title .active").removeClass('active')
|
|
$(this).addClass('active')
|
|
tabsSwiper.slideTo($(this).index())
|
|
})
|
|
$(".j-tab-title li").click(function(e) {
|
|
e.preventDefault()
|
|
})
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|