浏览代码

fix: 【我的作品】控制最后一个作品的显隐,保证loading时显示出来的作品刚好整行。

任一存 4 年之前
父节点
当前提交
7ea20b75ba
共有 1 个文件被更改,包括 5 次插入4 次删除
  1. 5 4
      src/views/material/works/index.vue

+ 5 - 4
src/views/material/works/index.vue

@@ -25,7 +25,6 @@
       v-if="!(list.length === 0 && !hasMoreData)"
       v-infinite-scroll="requestMoreData"
       :infinite-scroll-disabled="!hasMoreData || isRequestingMoreData"
-      infinite-scroll-distance="315"
       ref="w-list-ref"
       @scroll.self="onWorkListScroll"
     >
@@ -37,7 +36,7 @@
           <span>创建作品</span>
         </div>
       </li>
-      <li v-for="(item,i) in list" :key="i">
+      <li v-for="(item,i) in list" :key="i" :class="{'has-more-data': hasMoreData}">
         <div class="li-hover">
           <span class="lipreview" @click="handlePreview(item)">预览</span>
           <ul class="oper">
@@ -225,7 +224,7 @@ export default {
     requestMoreData() {
       this.isRequestingMoreData = true
       const lastestUsedSearchKey = this.searchKey
-      getWorksList(
+              getWorksList(
         {
           pageNum: Math.floor(this.list.length / config.PAGE_SIZE) + 1,
           pageSize: config.PAGE_SIZE,
@@ -365,7 +364,9 @@ export default {
       &:nth-of-type(5n){
         margin-right: 0;
       }
-
+      &:nth-last-of-type(1).has-more-data {
+        display: none;
+      }
       .li-hover{
         display: none;
         width: 100%;