{extend name="default/base" /}
{block name="title"}我的积分 - {__block__}{/block}
{block name="css"}
<link rel="stylesheet" href="__MOBILE__/css/scores.css?v={$v}">
{/block}
{block name="header"}
	{php}$headerTitle = "我的积分"{/php}{__block__}
{/block}
{block name="main"}
<input type="hidden" name="" value="0" id="currPage" autocomplete="off">
<input type="hidden" name="" value="0" id="totalPage" autocomplete="off">
<section class="wst-container">
	<div class="wst-sc-list">
		<div id="scores-list"></div>
	</div>
</section>
<script id="list" type="text/html">
{{# for(var i=0; i<d.length; i++){ }}
<div class="list wst-row">
	<div class="wst-col wst-col-70">
		<p class="info">{{d[i].dataRemarks}}</p>
		<p class="time">{{d[i].createTime}}</p>
	</div>
	<div class="wst-col wst-col-30 fraction">
		{{# if(d[i].scoreType==1){ }}
		<p class="plus">+ {{d[i].score}}</p>
		{{# }else{ }}
		<p class="reduce">- {{d[i].score}}</p>
		{{# } }}
	</div>
</div>
{{# } }}
</script>
<div id="rule-page" class="weui-popup-container">
	<div class="weui-popup-modal wst-sc-page">
		<header class="weui-header wst-header">
			<div class="weui-header-left"><a class="icon icon-return close-popup" href="javascript:void(0);"></a></div>
			<h1 class="weui-header-title">积分规则说明</h1>
		</header>
		<div class="form" id="rule-article"></div>
	</div>
</div>
{/block}
{block name="include"}
	<div class="wst-sc-top">
		<p class="scores"><span>{$user['userScore']}</span> 积分</p>
		<p class="rule open-popup" data-target="#rule-page" onclick="javascript:WST.articleInfo(109,'#rule-article');">积分规则</p>
	</div>
{/block}
{block name="footer"}{/block}
{block name="js"}
<script type='text/javascript' src='__STATIC__/plugins/weui/js/updown.js'></script>
<script type='text/javascript' src='__STATIC__/plugins/weui/js/select.js'></script>
<script type='text/javascript' src='__MOBILE__/users/scores/scores.js?v={$v}'></script>
<script>
	var currPage = totalPage = 0;
	var loading = false;
	$(document).ready(function(){
		load();
		$(window).scroll(function(){
			if (loading) return;
			if ((5 + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
				currPage = Number( $('#currPage').val() );
				totalPage = Number( $('#totalPage').val() );
				if( totalPage > 0 && currPage < totalPage ){
					load();
				}
			}
		});
	});
</script>
{/block}