1.巡逻路线文本上下移动调整 2.资讯列表超过10条数据时，底部上拉加载更多数据

Administrator

2021-06-15 fe23c26671c2465a84ee91c93857ddb1bcef227f

 pages/article/article.vue

@@ -1,19 +1,9 @@
<template>
   <view class="advisory-big">
		
       <!-- <view
         ref="k-scroll-view"
         :refreshType="refreshType"
         :refreshTip="refreshTip"
         :loadTip="loadTip"
         :loadingTip="loadingTip"
         :emptyTip="emptyTip"
         :touchHeight="touchHeight"
         :height="height"
         :bottom="bottom"
         :autoPullUp="autoPullUp"
         @onPullDown="handlePullDown"
         @onPullUp="handleLoadMore"> -->
         <!-- 顶部下拉刷新 -->
         <view v-show="isFlash">
            <uni-load-more :status="loadStatus" ></uni-load-more>
         </view>
         <view  v-for="i in data" class="advisory-model" @click="goDetail(i)">
            <view class="advisory-left">
               <view class="advisory-title-top">
@@ -29,63 +19,50 @@
            </view>
            
         </view>
      <!-- </view> -->
      <!-- <uni-load-more :status="status" :content-text="contentText"/> -->
		
		
         <!-- loading加载提示处 -->
         <view v-show="isLoadMore">
            <uni-load-more :status="loadStatus" ></uni-load-more>
          </view>
   </view>
</template>

<script>
   // import kScrollView from '@/components/k-scroll-view/k-scroll-view.vue';
   export default{
      // components: {
      //     kScrollView
      // },
      data(){
         return {
            // pathUrl:"http://localhost:89/",
            pathUrl:"http://s16s652780.51mypc.cn/api/blade-jfpts",
            // refreshType: 'custom',
            // refreshTip: '正在下拉',
            // loadTip: '获取更多数据',
            // loadingTip: '正在加载中...',
            // emptyTip: '--我是有底线的--',
            // touchHeight: 50,
            // height: 0,
            // bottom: 50,
            // autoPullUp: true,
            // stopPullDown:true, // 如果为 false 则不使用下拉刷新，只进行上拉加载
            // status: 'more',
            // statusTypes: [{
            //    value: 'more',
            //    text: '加载前',
            //    checked: true
            // }, {
            //    value: 'loading',
            //    text: '加载中',
            //    checked: false
            // }, {
            //    value: 'noMore',
            //    text: '没有更多',
            //    checked: false
            // }],
            // contentText: {
            //    contentdown: '下拉查看更多',
            //    contentrefresh: '加载中',
            //    contentnomore: '没有更多'
            // },
            page:1,
            pagesize:10,
            loadStatus:'loading',  //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
            isLoadMore:false,  //是否加载中
            isFlash:false,//是否刷新
            data:[]
         }
      },
      mounted(){
         this.getArtcilePageList();
         // this.getArtcilePageList();
      },
      onPullDownRefresh () {         // 下拉刷新事件
          console.log('触发下拉刷新了')
          // 一些列操作
          uni.stopPullDownRefresh()      // 结束当前刷新事件
        },
      //上拉加载更多
      onReachBottom(){  //上拉触底函数
         if(!this.isLoadMore){  //此处判断，上锁，防止重复请求
            this.isLoadMore=true
            this.page+=1
            this.getArtcilePageList()
         }
      },
      //下拉刷新
      onPullDownRefresh() {
         // console.log("上拉了！....");
         if(!this.isFlash){  //此处判断，上锁，防止重复请求
            this.isFlash=true;
            this.page =1;
            this.getArtcilePageList();
         }
      },
      onLoad() {
          this.getArtcilePageList();
      },
      methods:{
         //去跳转详情页面
         goDetail(e){
@@ -116,36 +93,37 @@
            uni.request({
               url: that.pathUrl+'/article/article/page',
               method:'GET',
               data:{
                  current:this.page,
                  size: this.pagesize
               },
               success: (res) => {
                  that.data = res.data.data.records;
                  if(res.data.code==200){
                     if(res.data.data.records){
                        //如果总数小于pageSize,不做其他操作
                        if(res.data.data.total<this.pagesize){
                           that.data = res.data.data.records;
                        }else{
                           if(res.data.data.records.length<this.pagesize){
                              //如果数量小于分页数量，则为最后一页
                              this.isLoadMore=true;
                              this.loadStatus='nomore';
                           }else{
                              this.isLoadMore=false
                           }
                           res.data.data.records.forEach((item)=>{
                              that.data.push(item);
                           })
                        }
                     }else{
                        this.isLoadMore=true;
                        this.loadStatus='nomore';
                     }
                  }
						
               }
            });
         },
         //下拉获取更多
         // handlePullDown(stopLoad) {
         //    this.data = [];
         //    for (var i = 0; i < 10; i++) {
         //       this.data.push(i);
         //    }
         //    stopLoad ? stopLoad() : '';
         // },
         // //上拉加载
         // handleLoadMore(stopLoad) {
         //    const size = this.data.length;
         //    if (size < 100) {
         //       const data = [];
         //       for (var i = 0; i < 10; i++) {
         //          data.push(size + i);
         //       }
         //       this.data = this.data.concat(data);
         //       stopLoad ? stopLoad() : '';
         //    } else {
         //       stopLoad ? stopLoad({ isEnd: true }) : '';
         //    }
         // },
         // handleGoTop() {
         //    this.$refs['k-scroll-view'].goTop();
         // }
         }
      }
   }
</script>