{php $this->template('header')}
	<link rel="stylesheet" href="{$public}css/user/money/record.css?{php echo time()}">
	<div class="bui-page">
	  
		<main id="main">
			<!-- <div style="padding-bottom: 1.1rem;"> -->
				<div class="box_ti">
					<div class="box">
						<div class="head">
							<div class="uinfo">
								<div class="headimg" style="background-image: url({php echo $this->user['headimgurl']})"></div>
								<div class="nickname">{php echo $this->user['nickname']}</div>
								<div class="yue text-c">余额：{php echo user($this->user['id'],'credit1')}</div> 
								<div class="but-box">
									<div class="bui-btn ring but click" data-url="{php echo iurl('spread/index/index')}">去赚取</div>
								</div>
								
							</div>
						</div>
					</div>
					<div class="title">
						积分明细 <!-- <div class="right">已提现50.5元</div> -->
					</div>
				</div>
				<div id="scrollList" class="bui-scroll">

					<div class="img" style="display: none;">
						<img src="{$public}img/empty.png">
						<p>空空如也...</p>
					</div>
					<div class="bui-scroll-head"></div>
					<div class="bui-scroll-main">
						<ul class="bui-list bui-list-thumbnail"></ul>
					</div>
					<div class="bui-scroll-foot"></div>

				</div>
				
	        <!-- </div> -->
		</main>


	</div>


<script>
	bui.ready(function(){
		var uiList = bui.list({
	        id: "#scrollList",
	        url: "{php echo iurl('user/jifen/index')}",
	        pageSize: 10,
	        data: {},
	        field: {
	            page: "page",
	            size: "pageSize",
	            data: "data"
	        },
	        template: function(data) {
	            var html = "";
	            data.forEach(function(el, index) {
	            	var sub='',subClass='';
	            	if (el.status==1) {
	            		sub='收入';
	            		subClass='primary-reverse';
	            	}else{
	            		sub='支出';
	            		subClass='warning-reverse';
	            	}

	                html += `<li class="bui-btn">
				                <h3 class="item-title"><span class="${subClass}">【${sub}】<span class="${subClass}">${el.num}</span> </span>${el.desc}</h3> 
				                <p class="item-text">${el.time}</p>
				            </li>`
	            });

	          

	            return html;
	        }
	        
	    })
	   
	})



</script>