moonsflyer
/
yunjing_master


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
							<!DOCTYPE html>
<html>
<head lang="en">
    <include file="Public/head"/> <!--公共css-->
	<link type="text/css" rel="stylesheet" href="__STATIC__/appapi/css/record.css?t=1563270253"/>
    <style type="text/css">
        .list ul li .list_l{
            padding-left: 0;
        }

        .list_r img{
            width: 0.35rem;
        }

        .list_r span{
            color: #E43B81;
        }

        .list ul li .list_r p.name{
            font-size: 0.4rem;
        }

        .list ul li .list_r p.nums{
            color: #C9C9C9;
            font-size: 0.28rem;
        }
    </style>
    <title>{:lang('充值明细')}</title>
</head>
<body>
    <div class="list">
        <ul>
            <volist name="list" id="v">
            <li>
                <div class="list_l">
                    <p class="name">{$name_coin}{:lang('充值')}</p>
                    <p class="id">{$v['addtime']}</p> 
                </div>
                <div class="list_r">
                    <p class="name">
                        <img src="__STATIC__/appapi/images/coin.png" />
                        <span>{$v['coin']}</span>
                    </p>
                    <p class="nums">￥{$v['money']}</p>
                </div>
            </li>
            </volist>
        </ul>
    </div>
	<script>
		var uid='{$uid}';
		var token='{$token}';
        var name_coin='{$name_coin}';
        var baseSize = 100;
        function setRem () {
          var scale = document.documentElement.clientWidth / 750;
          document.documentElement.style.fontSize = (baseSize * Math.min(scale, 3)) + 'px';
        }
        setRem();
        window.onresize = function () {
          setRem();
        }
	</script>
	<include file="Public/footer"/> 
	<script>

        var page=2; 
        var isscroll=true; 

        function getlistmore(){
            
            $.ajax({
                url:'/appapi/charge/record_more?lang='+language,
                data:{'page':page,'uid':uid,'token':token},
                type:'get',
                dataType:'json',
                success:function(data){
                    if(data.nums>0){
                        var nums=data.nums;
                        var list=data.data;
                        var html='';
                        for(var i=0;i<nums;i++){
                            var v=list[i];
                            html+='<li>\
                                <div class="list_l">\
                                    <p class="name">'+name_coin+LangT('充值')+'</p>\
                                    <p class="id">'+v['addtime']+'</p> \
                                </div>\
                                <div class="list_r">\
                                    <p class="name">\
                                        <img src="__STATIC__/appapi/images/coin.png" />\
                                        <span>'+v['coin']+'</span>\
                                    </p>\
                                    <p class="nums">￥'+v['money']+'</p>\
                                </div>\
                            </li>';
                        }
                        
                        $(".list ul").append(html);
                    }
                    
                    if(data.isscroll==1){
                        page++;
                        isscroll=true;
                    }
                }
            })
        }


	$(function(){


        var scroll_list=$(".list");

		$(window).scroll(function(){
            var srollPos = $(document).scrollTop();    //滚动条距顶部距离(页面超出窗口的高度)
            //console.log("srollPos"+srollPos);

            var totalheight = parseFloat($(window).height()) + parseFloat(srollPos);
    
            if((scroll_list.height()-totalheight) <=50 && isscroll){
                isscroll=false;
                getlistmore()
            }

            
		});  


	})
	</script>	
</body>
</html>