From 08fa91784141e18ae0c4c4b0acf2bad1028b58a2 Mon Sep 17 00:00:00 2001
From: ZhaoTongYao <531131322@qq.com>
Date: Tue, 15 Dec 2020 17:41:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=80=E9=94=AE=E6=9C=8D=E5=8A=A1=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E6=87=92=E5=8A=A0=E8=BD=BD=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 subpages/oneKeyService/pages/index/index.js   | 28 ++++++++++++++++++-
 subpages/oneKeyService/pages/index/index.wxml |  4 ++-
 2 files changed, 30 insertions(+), 2 deletions(-)

diff --git a/subpages/oneKeyService/pages/index/index.js b/subpages/oneKeyService/pages/index/index.js
index 59773d0..e8df5b5 100644
--- a/subpages/oneKeyService/pages/index/index.js
+++ b/subpages/oneKeyService/pages/index/index.js
@@ -1,4 +1,7 @@
 const api = require('../../../../utils/understandJs')
+
+let _observers = []
+
 Page({
 
   /**
@@ -45,6 +48,9 @@ Page({
       pid: this.data.pid
     }
     api.moduleCategory(params).then(res => {
+      res.data.forEach((item, key) => {
+        item.imgLoad = false
+      })
       console.log(res.data)
       this.setData({
         modulelist: this.data.modulelist.concat(res.data),
@@ -58,6 +64,20 @@ Page({
           loadMoreVisible: false,
         })
       }
+      _observers = []
+      this.data.modulelist.forEach((item, key) => {
+        if (!item.imgLoad) {
+          _observers[key] = wx.createIntersectionObserver(this)
+          _observers[key].relativeToViewport({bottom: 20})
+          .observe('#img-btn-'+key, (res) => {
+            _observers[key].disconnect()
+            item.imgLoad = true
+            this.setData({
+              modulelist: this.data.modulelist
+            })
+          })               
+        }
+      })
     }).catch(err => {
       this.setData({
         modulelist: [],
@@ -83,7 +103,13 @@ Page({
       this.getModuleCategory()
     }
   },
-
+  onUnload () {
+    _observers.forEach((item, key) => {
+      if (!item._disconnected) {
+        _observers[key].disconnect()
+      }
+    })
+  },
   //政策、通知 /subpages/home/pages/noticeNew/noticeNew
   goDetails(e) {//模块编码（政策，通知，档案，警事，一键直通）
     if (e.currentTarget.dataset.modulestyle == '4') {
diff --git a/subpages/oneKeyService/pages/index/index.wxml b/subpages/oneKeyService/pages/index/index.wxml
index 57ed1d8..7f8fe35 100644
--- a/subpages/oneKeyService/pages/index/index.wxml
+++ b/subpages/oneKeyService/pages/index/index.wxml
@@ -1,4 +1,5 @@
 <button class="index top" 
+        id="img-btn-{{index}}"
         hover-class="hover-btn"  
         bindtap="goDetails"  
         wx:for-item="item" 
@@ -10,12 +11,13 @@
         data-categoryCode="{{item.categoryCode}}"
         data-moduleStyle="{{item.moduleStyle}}"
         data-categoryName="{{item.categoryName}}">
-  <image class="img-bj" src="{{item.imgUrl}}"></image>
+  <image class="img-bj" src="{{item.imgUrl}}" wx:if="{{item.imgLoad}}"></image>
   <!-- <view class="shadow">
     <image class="img-name" src="../../images/jsyx.png"></image>
   </view> -->
 </button>
 
+
 <!-- <load-more loadMoreType="{{loadMoreType}}" loadMoreVisible="{{loadMoreVisible && isLoadMore}}"></load-more> -->
 
 <no-data isShow="{{nodata}}"></no-data>
\ No newline at end of file