guojy
/
qzw_app


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/border.css" />
    <link rel="stylesheet" type="text/css" href="../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../css/weui.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .swiper-container {
	      width: 100%;
	      height: 100%;
	    }
	     .swiper-container{
            width: 100%;
            height: 0.5rem;
        }
        .swiper-slide{
            text-align: center;
            line-height: 0.5rem;
            font-size: 0.28rem;
        }
        .active, .active span{
            color: #d9251c;
        }
        .active span {
        	border-bottom: 0.1em solid;
        }
        .white-back {
            position: fixed;
			z-index: 1;
			top: 0;
			left: 0;
			right: 0;
			padding: 0 0.2rem;
        }
		.new-list{
			margin-top: 1.3rem;
		}
		.null{
			text-align: center;
			color: #ccc;
			margin: 10px 0;
			display: none;
		}
      </style>
    <script>
    (function(w, d, m) {
        function r() {
            var t = 100,
                o = 750,
                e = d.documentElement.clientWidth || w.innerWidth,
                n = m.max(m.min(e, 480), 320),
                h = 50;
            320 >= n && (h = m.floor(n / o * t * .99)),
                n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
                n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
                n > 375 && (h = m.floor(n / o * t * .97)),
                d.querySelector("html").style.fontSize = h + "px"
        };
        r();
        w.onresize = function() {
            r()
        }
    })(window, document, Math);
    </script>
</head>

<body id="viewport">
    <div class="topbar"></div>
    <div class="white-back" id="header">
        <div class="home-search">
            <img src="../image/search.png"> 搜索文章
        </div>
        <div style="padding-top: 0.2rem;">
            <div class="swiper-container" style="padding-bottom: 0.1em;">
                <div class="swiper-wrapper"></div>
            </div>
		</div>
    </div>
    <section class="new-list" page="1" style="padding-top: 0rem;">
	</section>
	<div class="null">没有更多了</div>
    <div class="back-top mask-hidden" id="fix1"></div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/swiper.min.js"></script>
<script type="text/javascript" src="../script/jquery.min.js"></script>
<script type="text/javascript" src="../script/jquery.tap.js"></script>
<script type="text/javascript">
var _acid = '';
var _minid = 1;
apiready = function() {
	var $header = $api.byId('header');
	$api.fixIos7Bar($header);
	$api.fixStatusBar($header);
    setIosTopBar();
    getCatogoryData();
    getRouteData();
    api.addEventListener({
        name: 'scrolltobottom',
        extra: {
            threshold: 200
        }
    }, function(ret, err) {
        getRouteData();
    });
    api.addEventListener({
        name:'resume'
    }, function(ret, err){
        $(".new-list").attr("page", "1");
        getRouteData();
    });
};

function getRouteData() {
    var _page = $(".new-list").attr("page");
    if ( _page == 'false' ) {
        return false;
    }
    $(".new-list").attr("page", "false");
    $.ajax({
        url: siteurl + 'v1/entry/news',
        data: {
            page: _page,
            ac_id: _acid,
            page_size: 20
        },
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            // toast_loding_hide();
            if (datas.result) {
                var _html = '';
                $.each(datas.data.new_list, function(index, item) {
                    _html += '<div class="h10"></div>';
                    _html += '<div class="home-hotel-list" keyid="' + item.article_id + '"><div class="home-hotel-left"><img src="' + siteurl + "/" + item.article_thumb + '"/></div>';
                    _html += '<div class="home-hotel-right"><div class="h2"></div>';
                    _html += '<div class="find-list-dsc">' + item.article_title + '</div>';
                    _html += ' <div class="find-list-time">' + item.article_time + '</div></div> </div>';
                });
                if ( _page == 1 ) {
                    $(".new-list").html(_html);
                }else{
                    $(".new-list").append(_html);
                }
                if ( datas.data.new_list.length <= 0) {
                    $(".new-list").attr("page", "false");
					$(".null").show();
                } else {
                    _page++;
                    $(".new-list").attr("page", _page);
                }
            }else{
                errcode(datas, datas.code)
            }
            return false;
        }
    });
}

function getCatogoryData() {
    $.ajax({
        url: siteurl + 'v1/entry/news_cate',
        data: {},
        headers: { "X-TOKEN": $api.getStorage("accesstoken") },
        dataType: 'json',
        type: 'post',
        success: function(datas) {
            // console.log(datas)
            if (datas.result) {
                var _html = '<div class="swiper-slide active" keyid=""><span>全部</span></div>';
                $.each(datas.data, function(index, item) {
                    _html += '<div class="swiper-slide" keyid="' + item.ac_id + '"><span>' + item.ac_name + '</span></div>';
                });
                $(".swiper-wrapper").html(_html);
                var swiper = new Swiper('.swiper-container', {
                    slidesPerView: 4,
                    spaceBetween: 10,
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true,
                    },
                });
            }else{
                errcode(datas, datas.code)
            }
            return false;
        }
    });
}

$(".swiper-wrapper").on("tap", ".swiper-slide", function() {
    _acid = $(this).attr("keyid");
    $(".new-list").attr("page", "1");
    getRouteData();
    return false;
})
$(".new-list").on("tap", ".home-hotel-list", function() {
    var _keyid = $(this).attr("keyid");
    api.openWin({
        name: 'finddetails',
        url: './find/finddetails.html',
        bounces: false,
        pageParam: {
            keyid: _keyid
        }
    });
    return false;
})
/////
$(".home-search").on("tap", function() {
    api.openWin({
        name: 'findsearch',
        url: './find/findsearch.html',
        bounces: false
    });
    return false;
})

$(".back-top").on("tap", function() {
    $('html , body').animate({ scrollTop: 0 }, 'slow');
    return false;
});

$.fn.fixedDiv = function(actCls) {
    var that = $(this),
        offsetTop = that.offset().top,
        scrollTop;

    function fix() {
        scrollTop = $(document).scrollTop();
        if (scrollTop > offsetTop) {
            that.removeClass(actCls);
        } else {
            that.addClass(actCls);
        }
    }
    fix();
    $(window).scroll(fix);
}

$('#fix1').fixedDiv('mask-hidden')

$(".swiper-wrapper").on("tap", ".swiper-slide", function() {
    $(".swiper-slide").removeClass("active");
    $(this).addClass("active");
    return false;
})
</script>

</html>