1

pages/information/chat/chat.js

@@ -7,7 +7,8 @@ Page({
    * 页面的初始数据
    */
   data: {
-    toView:'Stop',
+    hiddenName:true, // 加载更多显示隐藏
+    toView:'Stop',   //锚点
     scrollTopVal: 1,    //滚动条
     menu: false, //菜单显示隐藏
     Expression: false,  // 表情显示隐藏
@@ -312,52 +313,46 @@ Page({
             arrData[index].isMy = false;   //他人
           }
       
-        
-          that.ArrMsg.push(arrData[index]);
+          that.ArrMsg.push(arrData[index]);   //每次接到的数据拼接
         }
 
-
-        for (var index in that.ArrMsg) {     //二次赋值  
+        for (var index in that.ArrMsg) {     //二次赋值   把所有的数据 hooks参数 清空
               if(that.ArrMsg[index].hooks){
                 that.ArrMsg[index].hooks = '';
               }
         }
      
-
-        // // 滚动条处理
-   
-        // that.ceshi();
-        let Arrs1 = that.sortarr(that.ArrMsg);
+        let Arrs1 = that.sortarr(that.ArrMsg);       //最后要展示的数据  第11条  加上 hooks= 'Stop'; 参数  用来做加载更多数据，描点到最后一条信息
         if(Arrs1[10]){
           Arrs1[10].hooks = 'Stop';
         }
     
         console.log(Arrs1, 111112222);
- 
-
-     
+        
+        that.setData({   
+          hiddenName: true,
+        });
 
-        if (that.data.limit_page == 1) {
 
+        if (that.data.limit_page == 1) {   //判断  分页 1 的时候 
           that.setData({
             Receive_news: Arrs1,        //前台数据赋值 
             scrollTopVal: that.ArrMsg.length * 999,    // 滚动条赋值
-            toView: false,
+            toView: false,   //关闭锚点
           });
 
-        }else{
+        }else{   
           that.setData({
             Receive_news: Arrs1,        //前台数据赋值 
-            toView: 'Stop'
+            toView: 'Stop'      //开启锚点 赋值
           });
         }
 
 
-        that.setData({
+        that.setData({     //最后关闭锚点   方便每次进来  在开启 修复 描点会闪动
           toView: false,
         });
-
-        // that.scrollbar(that.ArrMsg);      //调用页面滚动条处理  这里不对
+    
         break;
 
 
@@ -475,15 +470,21 @@ Page({
   //  下拉加载聊天记录
   upper: function (e) {
     var that = this;
-    console.log(e,'加载')
+    // console.log(e,'加载')
 
-    that.setData({
-      limit_page: that.data.limit_page * 1 + 1
+    that.setData({   //  显示加载更多图片
+          hiddenName:false,    
     })
-    console.log(that.data.limit_page * 1 + 1)
-    that.SocketSend({ type: 'get_history', page: that.data.limit_page,limit:10})
 
-    console.log('执行')
+   setTimeout(function () {
+        that.setData({
+          limit_page: that.data.limit_page * 1 + 1
+        })
+        console.log(that.data.limit_page * 1 + 1)
+        that.SocketSend({ type: 'get_history', page: that.data.limit_page,limit:10})
+    }, 3000);
+
+    // console.log('执行')
   },
 
 

pages/information/chat/chat.wxml

@@ -5,8 +5,10 @@
     bindscroll="scroll" -->
    <!-- bindscroll="ceshi" -->
 <scroll-view class="history"     scroll-top="{{scrollTopVal}}"    scroll-y="true"  bindtap="resetInputStatus"  bindscrolltoupper="upper"   scroll-into-view="{{toView}}">
-  <!-- <view style='height:1000px;'></view>
-     <view  id="red"  style='height:10px;'></view> -->
+
+          <view class='Load_img_box' hidden="{{hiddenName}}">
+               <view class='Load_img'><image src='/image/jz.png' mode="aspectFill"></image></view>
+           </view>
           <!-- 自己 -->
            <block  wx:for='{{Receive_news}}' wx:key="item">
                 <view class='my_right c' wx:if="{{item.isMy === true}}" id="{{item.hooks}}">
@@ -65,6 +67,7 @@
         </block>
 
 
+
 </scroll-view>
 
 

pages/information/chat/chat.wxss

@@ -1,7 +1,9 @@
 page {background-color: #EDEDED; height: 100%;}  
 /* .HGJKHJKHJK{height: 100%;} */
 
-
+.Load_img_box{padding:20rpx  0 ;}
+.Load_img{width:35rpx;height:35rpx;margin:auto;}
+.Load_img image{width:100%;height:100%; }
 
 .history { 
   /* border:1px solid; */