84 行
3.2 KiB
HTML
可执行文件
84 行
3.2 KiB
HTML
可执行文件
<!doctype html>
|
|
<html lang="en">
|
|
<!--[1.3.26]-->
|
|
<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" style="width: 94%">
|
|
<div class="IntegralBalance-wrap">
|
|
<div class="cur-Integral">
|
|
<img src="__PUBLIC__/vip/images/templateA/yuan.png" alt="">
|
|
<div class="cur-Integral-box">
|
|
<p class="marginBottom cur-IntegralText">{$vip['integral']}</p>
|
|
<p>当前积分</p>
|
|
</div>
|
|
</div>
|
|
<div class="IntegralBalance3">
|
|
<div class="Balance">
|
|
<p class=" marginBottom">剩余积分</p>
|
|
<p class=" ">{$vip['integral']}</p>
|
|
</div>
|
|
<div class="Integral">
|
|
<p class=" marginBottom">使用积分</p>
|
|
<p class=" ">{$sum}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="Integral-Detail">
|
|
<span>积分明细</span>
|
|
</p>
|
|
<ul class="record-ul">
|
|
<volist name="list" id="li">
|
|
<li class="record-li" style="background: #fff;">
|
|
<p class="recordTitle">
|
|
<span class="recorddate">{$li['date']}</span>
|
|
<span class="right-arrow2">
|
|
<img class="rotate" src="__PUBLIC__/vip/images/templateA/right-arrow2.png">
|
|
</span>
|
|
</p>
|
|
<volist name="li['list']" id="vo">
|
|
<div class="record-com">
|
|
<p class="form">
|
|
<span style="display: block;" class="marginBottom">{$vo['remark']}</span>
|
|
<span class="recordtime">{$vo['timedetail']}</span>
|
|
</p>
|
|
<p class="formDetails">
|
|
<if condition="($vo['type'] eq 3) OR ($vo['type'] eq 5) OR ($vo['type'] eq 9) OR ($vo['type'] eq 10)">
|
|
<span class="get">-{$vo['integral']}</span>
|
|
<else/>
|
|
<span class="get">+{$vo['integral']}</span>
|
|
</if>
|
|
|
|
</p>
|
|
</div>
|
|
</volist>
|
|
</li>
|
|
</volist>
|
|
</ul>
|
|
</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__/vip/js/integral.js"></script>
|
|
<script>
|
|
$(".recordTitle").on('click', function () {
|
|
$(this).parents('li').find('.record-com').toggle("fast");
|
|
if ($(this).find('img').hasClass('rotate')) {
|
|
$(this).find('img').removeClass('rotate');
|
|
} else {
|
|
$(this).find('img').addClass('rotate');
|
|
}
|
|
})
|
|
</script>
|
|
|
|
</html> |