ソースを参照

feat: 无限加载

yangxiaolu3 4 年 前
コミット
b554b6b964

+ 2 - 9
src/sites/mobile-taro/vue/dist/pages/infiniteloading/demo.js

@@ -292,19 +292,16 @@
             /** 获取需要滚动的距离 */
             /** 获取需要滚动的距离 */
 
 
             var getScrollHeight = function getScrollHeight() {
             var getScrollHeight = function getScrollHeight() {
-              var parentElement = getParentElement('scroller'); // state.scrollEl = props.useWindow ? window : parentElement;
-
+              var parentElement = getParentElement('scroller');
               parentElement
               parentElement
                 .boundingClientRect(function(rect) {
                 .boundingClientRect(function(rect) {
                   state.scrollHeight = rect.height;
                   state.scrollHeight = rect.height;
-                  console.log(rect.height);
                 })
                 })
                 .exec();
                 .exec();
             };
             };
             /** 滚动到底部 */
             /** 滚动到底部 */
 
 
             var lower = function lower() {
             var lower = function lower() {
-              // console.log('加载到底部', props.containerId);
               if (
               if (
                 state.direction == 'up' ||
                 state.direction == 'up' ||
                 !props.hasMore ||
                 !props.hasMore ||
@@ -312,15 +309,13 @@
               ) {
               ) {
                 return false;
                 return false;
               } else {
               } else {
-                console.log('加载到底部1111');
                 state.isInfiniting = true;
                 state.isInfiniting = true;
                 emit('load-more', infiniteDone);
                 emit('load-more', infiniteDone);
               }
               }
             };
             };
 
 
             var scroll = function scroll(e) {
             var scroll = function scroll(e) {
-              console.log('加载到底部', props.containerId); // 滚动方向
-
+              // 滚动方向
               if (e.detail.scrollTop <= 0) {
               if (e.detail.scrollTop <= 0) {
                 // 滚动到最顶部
                 // 滚动到最顶部
                 e.detail.scrollTop = 0;
                 e.detail.scrollTop = 0;
@@ -339,7 +334,6 @@
               }
               }
 
 
               state.scrollTop = e.detail.scrollTop;
               state.scrollTop = e.detail.scrollTop;
-              console.log(state.scrollTop);
               emit('scroll-change', e.detail.scrollTop);
               emit('scroll-change', e.detail.scrollTop);
             };
             };
 
 
@@ -357,7 +351,6 @@
                 state.isTouching = true;
                 state.isTouching = true;
                 getParentElement('refreshTop')
                 getParentElement('refreshTop')
                   .boundingClientRect(function(rect) {
                   .boundingClientRect(function(rect) {
-                    console.log(rect);
                     state.refreshMaxH = Math.floor(rect.height * 1 + 10);
                     state.refreshMaxH = Math.floor(rect.height * 1 + 10);
                   })
                   })
                   .exec();
                   .exec();

ファイルの差分が大きいため隠しています
+ 1 - 1
src/sites/mobile-taro/vue/dist/pages/infiniteloading/demo.js.map


+ 0 - 7
src/sites/mobile-taro/vue/src/pages/infiniteloading/index.taro.vue

@@ -130,30 +130,25 @@ export default create({
     /** 获取需要滚动的距离 */
     /** 获取需要滚动的距离 */
     const getScrollHeight = () => {
     const getScrollHeight = () => {
       const parentElement = getParentElement('scroller');
       const parentElement = getParentElement('scroller');
-      // state.scrollEl = props.useWindow ? window : parentElement;
 
 
       parentElement
       parentElement
         .boundingClientRect(rect => {
         .boundingClientRect(rect => {
           state.scrollHeight = rect.height;
           state.scrollHeight = rect.height;
-          console.log(rect.height);
         })
         })
         .exec();
         .exec();
     };
     };
 
 
     /** 滚动到底部 */
     /** 滚动到底部 */
     const lower = () => {
     const lower = () => {
-      // console.log('加载到底部', props.containerId);
       if (state.direction == 'up' || !props.hasMore || state.isInfiniting) {
       if (state.direction == 'up' || !props.hasMore || state.isInfiniting) {
         return false;
         return false;
       } else {
       } else {
-        console.log('加载到底部1111');
         state.isInfiniting = true;
         state.isInfiniting = true;
         emit('load-more', infiniteDone);
         emit('load-more', infiniteDone);
       }
       }
     };
     };
 
 
     const scroll = e => {
     const scroll = e => {
-      console.log('加载到底部', props.containerId);
       // 滚动方向
       // 滚动方向
       if (e.detail.scrollTop <= 0) {
       if (e.detail.scrollTop <= 0) {
         // 滚动到最顶部
         // 滚动到最顶部
@@ -171,7 +166,6 @@ export default create({
         state.direction = 'up';
         state.direction = 'up';
       }
       }
       state.scrollTop = e.detail.scrollTop;
       state.scrollTop = e.detail.scrollTop;
-      console.log(state.scrollTop);
 
 
       emit('scroll-change', e.detail.scrollTop);
       emit('scroll-change', e.detail.scrollTop);
     };
     };
@@ -186,7 +180,6 @@ export default create({
         state.isTouching = true;
         state.isTouching = true;
         getParentElement('refreshTop')
         getParentElement('refreshTop')
           .boundingClientRect(rect => {
           .boundingClientRect(rect => {
-            console.log(rect);
             state.refreshMaxH = Math.floor(rect.height * 1 + 10);
             state.refreshMaxH = Math.floor(rect.height * 1 + 10);
           })
           })
           .exec();
           .exec();