|
|
@@ -73,13 +73,17 @@
|
|
|
|
|
|
<body>
|
|
|
<div id="app" v-cloak class="app container">
|
|
|
- <div v-for="(item,index) in tagList" :key="index" class="item" @click="toDetail(item)">
|
|
|
- <img :src="fileCenterApi + `/file-center/fileOperate/getImage?id=${item.fileId}`" class="icon" alt="">
|
|
|
- <div class="right">
|
|
|
- <div class="titles">{{item.strategyTitle}}</div>
|
|
|
- <div class="contents">{{getContent(index,item.content)}}</div>
|
|
|
+ <van-list v-model="loading" :finished-text="finishedText" :finished="finished"
|
|
|
+ :immediate-check=false @load="onLoad">
|
|
|
+ <div v-for="(item,index) in tagList" :key="index" class="item" @click="toDetail(item)">
|
|
|
+ <img :src="fileCenterApi + `/file-center/fileOperate/getImage?id=${item.fileId}`" class="icon" alt="">
|
|
|
+ <div class="right">
|
|
|
+ <div class="titles">{{item.strategyTitle}}</div>
|
|
|
+ <div class="contents">{{getContent(index,item.content)}}</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </van-list>
|
|
|
+
|
|
|
<img v-if="noData" src="../static/offImg/no-content.png" class="no-content" alt="" />
|
|
|
</div>
|
|
|
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
|
|
|
@@ -96,7 +100,11 @@
|
|
|
el: '#app',
|
|
|
data: {
|
|
|
noData: true,
|
|
|
+ loading: false,
|
|
|
title: '',
|
|
|
+ finishedText: '',
|
|
|
+ finished: false,
|
|
|
+ pageNum: 1,
|
|
|
tagList: []
|
|
|
},
|
|
|
mounted() {
|
|
|
@@ -118,22 +126,43 @@
|
|
|
// 获取标签列表
|
|
|
getQueryByTag(GetRequest().token, {
|
|
|
tagId: +GetRequest().id,
|
|
|
- pageNum: 1,
|
|
|
+ pageNum: this.pageNum,
|
|
|
pageSize: 10
|
|
|
}).then(res => {
|
|
|
this.$toast.clear();
|
|
|
if (res.status === 0) {
|
|
|
+ this.loading = false //取消正在加载状态
|
|
|
this.noData = false;
|
|
|
- this.tagList = res.data.actFissionStrategyList;
|
|
|
- if(this.tagList.length == 0){
|
|
|
- this.noData = true;
|
|
|
+ let infolist = res.data.actFissionStrategyList;
|
|
|
+ if (infolist) {
|
|
|
+ this.tagList = this.tagList.concat(infolist);
|
|
|
+ if (this.tagList.length >= 10) {
|
|
|
+ this.finishedText = '没有更多了'
|
|
|
+ }
|
|
|
+ if(this.tagList.length == 0){
|
|
|
+ this.noData = true;
|
|
|
+ }
|
|
|
+ if (this.tagList.length >= res.data.total) { //判断接口返回数据量小于请求数据量，则表示此为最后一页
|
|
|
+ this.finished = true;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ this.finished = true;
|
|
|
}
|
|
|
} else {
|
|
|
+ this.loading = false //取消正在加载状态
|
|
|
this.noData = true;
|
|
|
// this.$toast(res.msg);
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ //滚动加载时触发，list组件定义的方法
|
|
|
+ onLoad() {
|
|
|
+ let times = setTimeout(() => {
|
|
|
+ this.pageNum += 1 //每请求一次，页面数+1
|
|
|
+ this.getQueryByTag();
|
|
|
+ clearTimeout(times)
|
|
|
+ }, 500)
|
|
|
+ },
|
|
|
getContent(index, content){
|
|
|
this.$nextTick(() => {
|
|
|
let dom = document.getElementsByClassName('contents')[index];
|
heyang