*{ padding:0; margin:0}
.list ul li{padding:10px 5px 10px 10px;overflow:hidden;zoom:1;position:relative;border-bottom:1px solid #e8e8e8;}
.list ul li .img{margin-right:10px;display:block;width:60px;float:left;}
.list ul li img{width:60px;height:60px;border-radius:8px;}
.list ul li p{-webkit-box-flex:1;color:#777;overflow:hidden;padding-right:70px;}.list ul li p em{margin:7px 0;}
.list ul li p a{display:block;height:16px;line-height:16px;overflow:hidden;font-size:15px;}
.list ul li p span{display:block;line-height:16px;height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:12px "\\5FAE\\8F6F\\96C5\\9ED1";}
.list ul li p u{margin:0 6px;padding:0 6px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.list ul li .btn {width: 40px;height: 25px;padding-top: 35px;color: #65bb0a;line-height:25px;text-align:center;background: none;position:absolute;right:5px; top:12px}
.list ul li .btn .bg {position: absolute;left:0;top: 0;display: inline-block;width: 100%;height: 30px;repeat;background-size: 26px auto;}
.get-more,.loading{display:block;padding:15px 0; line-height:16px;text-align:center;font-size:14px;}
.loading{width:75px; margin:0 auto; background:url(imgs/loading.gif) 0 center no-repeat; padding-left:15px; background-size:13px auto}
{{item.title}}
{{item.server}}39.9Mv2.1.3
点击加载更多
加载中...
var vm = newVue({
el:\'#app\',
data: {
url:\'http://*******.com/dynamic.php?s=/Afs/ajaxHisTestServerData/cate_id/4/sta/\',
nowPage:0,
switchShow:false,
games: []
},
methods: {
moreFn:function(itemIndex) {//console.log(this.nowPage)
this.$http.jsonp(this.url + itemIndex*10).then(function(response) {this.games=this.games.concat(response.body);this.switchShow=!this.switchShow;
},function(response) {
console.log(response)
});
},
getMore:function() {this.switchShow=!this.switchShow;this.nowPage++;this.moreFn(this.nowPage);
},
init:function() {this.moreFn(this.nowPage);
}
},
directives: {//自定义指令
scroll: {
bind:function(el, binding){
window.addEventListener(\'scroll\', function() {if(document.body.scrollTop + window.innerHeight >=el.clientHeight) {var fnc =binding.value;
fnc();
}
})
}
}
}
})
vm.init();