<scroll-view :style="'height:' + scrollViewH + 'px;'"
scroll-y="true"
@scrolltolower="onReachLower">
<uni-collapse ref="collapse" v-model="value" v-for="el in listData" :key="el.id">
<uni-collapse-item :title="el.stationname" titleBorder="none">
<view class="info-content" @click="showInfo(el)">
<p>{{el.warntime}} {{el.warninfo}}</p>
</view>
</uni-collapse-item>
</uni-collapse>
<uni-load-more v-if="showLoadMore" :status="loadStatus" :content-text="contentText"></uni-load-more>
</scroll-view>
export default {
data() {
return {
params: {
pageNum: 1,
pageSize: 10
},
listData: [],
allListCount: 0,
allListData: [],
scrollViewH: 0,
showLoadMore: false,
loadStatus: "more",
contentText: {
contentdown: '查看更多',
contentrefresh: '加载中……',
contentnomore: '已全部加载'
}
}
},
onLoad() {
this.getScrollHeight()
this.getList()
},
methods: {
getScrollHeight() {
let self = this;
uni.getSystemInfo({
success(res) {
self.scrollViewH = res.windowHeight - 120;
}
});
},
onReachLower(){
this.showLoadMore = true
if(this.listData.length >= this.allListCount){
this.loadStatus = "noMore"
}else{
this.loadStatus = "loading"
setTimeout(()=>{
this.params.pageNum ++;
this.loadMore();
}, 1000)
}
},
getList() {
this.$api.getDataByAjax(url, 'GET', this.params).then((res)=>{
if (res.code === 200 && res.data) {
this.allListCount = res.data.count
this.listData = res.data
}
})
},
loadMore(){
this.$api.getDataByAjax(url, 'GET', this.params).then((res)=>{
if (res.code === 200 && res.data) {
this.listData = this.listData.concat(res.data);
}
})
},
}
}