chore: add loading mask

Author: sendya

src/views/list/search/Article.vue

@@ -63,6 +63,7 @@
       <a-list
         size="large"
         rowKey="id"
+        :loading="loading"
         itemLayout="vertical"
         :dataSource="data"
       >
@@ -131,6 +132,7 @@ export default {
   data () {
     return {
       owners,
+      loading: true,
       loadingMore: false,
       data: [],
       form: this.$form.createForm(this)
@@ -147,6 +149,7 @@ export default {
       this.$http.get('/list/article').then(res => {
         console.log('res', res)
         this.data = res.result
+        this.loading = false
       })
     },
     loadMore () {

src/views/list/search/Projects.vue

@@ -52,7 +52,7 @@
     </a-card>
 
     <div class="ant-pro-pages-list-projects-cardList">
-      <a-list :data-source="data" :grid="{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }">
+      <a-list :loading="loading" :data-source="data" :grid="{ gutter: 24, xl: 4, lg: 3, md: 3, sm: 2, xs: 1 }">
         <a-list-item slot="renderItem" slot-scope="item">
           <a-card class="ant-pro-pages-list-projects-card" hoverable>
             <img slot="cover" :src="item.cover" :alt="item.title" />
@@ -99,7 +99,8 @@ export default {
   data () {
     return {
       data: [],
-      form: this.$form.createForm(this)
+      form: this.$form.createForm(this),
+      loading: true
     }
   },
   filters: {
@@ -118,6 +119,7 @@ export default {
       this.$http.get('/list/article', { params: { count: 8 } }).then(res => {
         console.log('res', res)
         this.data = res.result
+        this.loading = false
       })
     }
   }