feat: 【我的作品】作品列表添加loading效果

src/views/material/works/index.vue

@@ -61,6 +61,9 @@
           </div>
         </div>
       </li>
+      <div class="work-list-loading-wrapper" v-show="isRequestingMoreData">
+        <img class="work-list-loading" :src="require('@/assets/images/icons/work-list-loading.gif')" />
+      </div>
     </ul>
     <div class="nodata" v-if="list.length == 0 && !hasMoreData && lastestUsedSearchKey">
       <img :src="$noresult" alt="" />
@@ -229,7 +232,7 @@ export default {
           searchKey: this.searchKey,
         },
         (data) => {
-            this.list = this.list.concat(data.data.list)
+          this.list = this.list.concat(data.data.list)
           if (this.list.length === data.data.total) {
             this.hasMoreData = false
           }
@@ -511,6 +514,17 @@ export default {
         }
       }
     }
+    .work-list-loading-wrapper {
+      width: 100%;
+      margin-top: 20px;
+      margin-bottom: 22px;
+      .work-list-loading {
+        display: block;
+        margin: 0 auto;
+        width: 50px;
+        height: 8px;
+      }
+    }
   }
 }
 </style>