<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title></title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="css/index.css?v=20210420102444444">
    <script src="../../lib/fsize.js"></script>
</head>

<body>
	<div class="main">
		<div class="mList"></div>
		<div class="mBottom hide"></div>
	</div> 
</body>
<script src="../../lib/jquery-3.1.1.min.js"></script>
<script src="js/common.js?v=202009241217"></script>
<script src="../../lib/langchange.js"></script>
<script type="text/javascript">
		$('title').html(langList[langType].backpack4);
		$('.mBottom').html(langList[langType].backpack1);
		var data = getRequest();
    sessionStorage.uid = data.uid;
    sessionStorage.token = data.token;

if(data.lang == 7){
			$('.main').addClass('L_Ar');
		}

		var next = false;
	  var more = true;
	  var Mpage = 1;
    var zero = true;
    
    money(Mpage)
    function money(m) {
        $.ajax({
            url: $ip + '/user/getUserInventoryObtain.html',
            type: "post",
            data: {
                uid: sessionStorage.uid,
                cid: "web_gw",
                os: "WEB",
                lang: sessionStorage.lang,
                token: sessionStorage.token,
                page: m,
            },
            error: function (msg) {
                console.log('请求出错');
            },
            success: function (res) {
                var data = JSON.parse(res);
                
                var str = '';
                var list = data.result;
                if(list.length!=0){
                    zero=false
                    for(var i=0;i<list.length;i++){
                    	str += '<div class="mDetail">';
                    	str += '	<p class="mImg">';
                    	if(list[i].imgurl == '/img/dew_bottle_blue_v2.png'){
                    		 str += '		<img src="img/dewimg.png" />';
                    	} else {                    		
                    		str += '		<img src="'+cdn+list[i].imgurl+'" />';
                    	}
                    	str += '	</p>';
                    	str += '<div class="mInfo">';
                    	str += '	<p class="mName ellipsis">'+list[i].imgname+'</p>';
                    	str += '	<p class="mStatus ellipsis">'+list[i].showremarks+'</p>';
                    	str += '	<p class="mTime ellipsis">'+getTime(list[i].logtime.time)+'</p>';
                    	str += '</div>';
                    	str += '<span class="mNum ellipsis">+'+list[i].changenum+'</span>';
                    	str += '</div>';
                    }
                    $('.mBottom').removeClass('hide');
                }else if(list.length==0&&zero==true){
                    str+='<div style="text-align: center;padding-top: 2.5rem;">'
                    str+='<img style="width:3.09rem;height:3.42rem;" src="img/norecord.png" alt="">'
                    str+='<p style="margin-top: 0.5rem;font-size: 0.45rem; color:#333;">'+langList[langType].backpack2+'</p>'
                    str+='</div> '
                    $('.mBottom').addClass('hide');
                }
                $(".mList").append(str);
                Mpage++;
                next = true;
                if (data.result[49] == null) {
                    more = false;
                }
            }
        })
    }

    var end = 1;
    $(window).bind("scroll", function () {
        if ($(document).scrollTop() + $(window).height() > $(document).height() - 1 && end != 0 && next)// 接近底部100px
        {
            next == false;
            if (more == true) {
                money(Mpage)
            }


        }
    });

</script>
</html>