waibao
/
NN2022090201


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
							<!doctype html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>公告</title>
	<!-- Set render engine for 360 browser -->
	<meta name="renderer" content="webkit">
	<!-- No Baidu Siteapp-->
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	<!-- Add to homescreen for Chrome on Android -->
	<meta name="mobile-web-app-capable" content="yes">
	<!-- Add to homescreen for Safari on iOS -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="积分商城" />
	<!-- Tile icon for Win8 (144x144 + tile color) -->
	<meta name="msapplication-TileColor" content="#0e90d2">

	<link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
	<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
	<style type="text/css">
		.am-list li:last-child{border-bottom: none;}
		.amg-bt{margin-bottom: 1rem !important;}
		.mimg{width: 80%;height: 70px;}
	</style>
</head>
<body>
<!-- Header -->
<header data-am-widget="header" class="am-header am-header-default">
	<div class="am-header-left am-header-nav">
		<a href="javascript:void(0);" onclick="javascript:history.back(-1);return false;"><i class="am-header-icon am-icon-angle-left"></i></a>
	</div>
	<h1 class="am-header-title">
		<a href="#title-link">最新公告</a>
	</h1>
</header>
<!-- Content -->
<div class="wapper">
	<div class="am-padding-xs  am-padding-bottom-0">
		<div class="am-list">

		</div>
	</div>
	<!-- 上滑加载 -->
	<div class="am-alert tips-text" style="display: none;">我也是有底线的</div>
</div>

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="__CDN__/assets/shop/js/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
<script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
<script src="__CDN__/assets/shop/js/app.js"></script>
<script type="text/javascript">
    var pag = 1, page;  //p当前页,page总页数
    getdata();
    //滚动分页
    function getdata()
    {
        jQuery.post("{:url('api/index/getnoticelist')}" ,{p:pag},function(data) {
            console.log(data.data);
            if(data.data != null && data.data.list.length != 0){
                page=data.data.total;
                var json=data.data.list;
                for(var i = 0; i < json.length; i++){
                    var _ = '<div class="am-g am-margin-bottom-xs am-bg-white" onclick="toshow('+json[i].id+')">'+
								'<div class="am-u-sm-4 ">'+
									'<img  src="'+json[i].prc+'" class="mimg"/>'+
								'</div>'+
								'<div class="am-u-sm-8 am-padding-0">'+
									'<p class="am-text-sm am-bold am-padding-top-xs text-line2">'+json[i].title+'</p>'+
									'<p class="am-link-muted am-text-xs">'+json[i].ctime+'</p>'+
								'</div>'+
                       		 '</div>';
                    $('.am-list').append(_);
                }
            }else{
                $('.am-list').html('<li class="am-padding-top-xs am-padding-bottom-xs am-text-center am-link-muted">暂无数据</li>')
            }
        });
    }
    window.onscroll = function(){
        var top = document.body.scrollTop || document.documentElement.scrollTop;
        var height = document.body.scrollHeight || document.documentElement.scrollHeight;
        if((top + window.innerHeight) >= height-49){
            pag = pag + 1;
            if(pag > page){
                pag = page;
                $('.tips-text').show();
                return;
            }
            //从后台获取列表数据
            getdata();
        }
    }
    function toshow(e)
    {
        location="noticedetail?id="+e;
    }
</script>
</body>

</html>