fix click

@@ -8,10 +8,17 @@ export default {
     }
   },
   methods: {
-    async onClick() {
+    async onClick(e) {
+      if (e.timeStamp - this._lastTime < 1200) {
+        return;
+      }
+
+      this._lastTime = e.timeStamp;
+
       if (!this.auth) {
         return this.$emit('click');
       }
+
       const user = await this.$sdk.getUser();
 
       if (user && user.uid) {

+<template>
+  <div ref="scroll" class="aaa">
+    <div ref="listBlock"
+    :scroll-events="['scroll', 'scroll-end', 'before-scroll-start']"
+    @scroll="onScrollHandle"
+    @scroll-end="onScrollEndHandle"
+    @before-scroll-start="beforeScrollStartHandle"
+    v-bind="$attrs" v-on="$listeners">
+
+      <div class="infinite-list-block" :class="{'list-scroll': scrolling}">
+        <div class="infinite-list-chunk"
+          v-for="(chunk, chunkIndex) in visibleList"
+          :key="chunkIndex"
+          :data-chunk-id="chunkIndex"
+          :style="`${chunk.hide ? 'height:' + chunk.height + 'px' : ''}`">
+          <template v-if="!chunk.hide">
+            <div class="infinite-list-item"
+              v-for="(item, index) in chunk.chunkList"
+              :key="`${chunkIndex}-${index}`">
+              <slot name="item" :data="item"></slot>
+            </div>
+          </template>
+        </div>
+      </div>
+      <div class="list-footer">
+        <Loading v-show="!noMore" class="load-icon" :size="20"></Loading>
+        <p v-show="noMore" class="list-nomore">
+          没有更多了
+        </p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {Scroll, Loading} from 'cube-ui';
+import {chunk, takeRight, forEach} from 'lodash';
+
+export default {
+  name: 'InfiniteList',
+  data() {
+    return {
+      scrolling: false,
+      list: [],
+      visibleList: [],
+      chunkSize: 10,
+      currentIndex: 0,
+      startOffset: 0,
+      noMore: false
+    };
+  },
+  props: {
+    offset: {
+      type: Number,
+      default: 100
+    },
+    onFetch: {
+      type: Function,
+      required: true
+    },
+    thumbs: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  watch: {
+    list(newV, oldV) {
+      let index = oldV.length;
+
+      if (newV.length <= index) {
+        index = 0;
+      }
+
+      this.updateList(index);
+    }
+  },
+  mounted() {
+    this.scrollHeight = this.$el.offsetHeight;
+    this.$refs.scroll.onscroll = () => {
+      console.log(this.$refs.scroll.scrollTop);
+      console.log(this.$refs.listBlock.scrollTop);
+    };
+    this.getData();
+    this.updateList();
+  },
+  methods: {
+    updateList(index) {
+      let list = this.visibleList;
+
+      if (!Number(index)) {
+        index = 0;
+        list = [];
+      }
+
+      let chunks = [];
+
+      if (this.list.length) {
+        chunk(takeRight(this.list, this.list.length - index), this.chunkSize).forEach(val => {
+          chunks.push({
+            chunkList: val
+          });
+        });
+      }
+
+      this.visibleList = list.concat(chunks);
+
+      setTimeout(() => {
+        // this.$refs.scroll.refresh();
+      }, 100);
+    },
+    getData() {
+      this.onFetch().then((res) => {
+        if (!res) {
+          this.noMore = true;
+        } else {
+          this.list = this.list.concat(res);
+        }
+      });
+    },
+    onScrollHandle() {
+
+    },
+    onScrollEndHandle(scroll) {
+      if (1000 - scroll.y > this.$refs.listBlock.offsetHeight) {
+        this._timer && clearTimeout(this._timer);
+        this._timer = setTimeout(() => {
+          this.getData();
+        }, 50);
+      }
+
+      this.clacViewChunks(-scroll.y)
+      this.scrolling = false;
+    },
+    beforeScrollStartHandle() {
+      this.scrolling = true;
+    },
+    clacViewChunks(top) {
+      if (this.list.length < 50) {
+        return;
+      }
+      //
+
+      let time = new Date();
+
+      let $children = this.$refs.listBlock.children;
+      let height = 0;
+      let hasChange = false;
+
+      forEach($children, (dom, index) => {
+        let chunk = this.visibleList[index];
+        let hide = false;
+        let h = dom.offsetHeight;
+
+        if (height > top + this.scrollHeight * 5 || height + h < top - this.scrollHeight * 4) {
+          hide = true;
+        }
+
+        if (!!chunk.hide !== hide) {
+          hasChange = true;
+          chunk.hide = hide;
+          chunk.height = h;
+        }
+
+        height += h;
+      });
+
+      if (hasChange) {
+        time = new Date();
+        this.visibleList = [...this.visibleList];
+        // this.$nextTick(() => {
+        //   alert(new Date() - time);
+        // });
+      }
+
+      console.log(hasChange);
+    }
+  },
+  components: {
+    Scroll,
+    Loading
+  }
+};
+</script>
+
+<style lang="scss">
+  .aaa {
+    height: 100%;
+    overflow: scroll;
+  }
+
+  .list-scroll {
+    position: relative;
+
+    &:after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      z-index: 1;
+    }
+  }
+
+  .list-footer {
+    text-align: center;
+    padding: 20px;
+
+    > * {
+      display: inline-block;
+    }
+  }
+</style>

@@ -103,7 +103,13 @@ export default {
         }).show();
       }
     },
-    onClick() {
+    onClick(e) {
+      if (e.timeStamp - this._lastTime < 1200) {
+        return;
+      }
+
+      this._lastTime = e.timeStamp;
+
       let skn = this.product.product_skn || this.product.productSkn;
 
       skn && this.$yoho.goProductDetail(skn);

@@ -146,7 +146,6 @@ export default {
       }
     },
     toAuthor({authorUid, authorType}) {
-      console.log(get(this.params, 'params.authorUid'), authorUid);
       if (get(this.params, 'params.authorUid') === authorUid) {
         return;
       }