修改课程页面的loading效果

src/pages/learn/course.vue

@@ -50,7 +50,7 @@
     </div>-->
     <div class="new-height">
       <div class="study-title">我的学习</div>
-      <div class="con-box">
+      <div class="con-box" v-loading="loading">
         <ul class="course-list">
           <template v-for="(item, index) in homeList">
             <li v-bind:key="index" class="item">
@@ -131,7 +131,8 @@ export default {
       },
       timeInterval: null,
       newLiveMsg: {},
-      oneParamYype: 1
+      oneParamYype: 1,
+      loading: false
     }
   },
   mounted() {
@@ -187,6 +188,7 @@ export default {
         }
         this.oneParamYype++
       }
+      this.loading = true
       cAction.Course.getCourseList(bool, this.param)
         .then(json => {
           this.homeList = json
@@ -197,7 +199,9 @@ export default {
         .catch(e => {
           this.$message.error(e.message)
         })
-        .finally(() => {})
+        .finally(() => {
+          this.loading = false
+        })
     },
     /**
      * 分类选择 - 选中某一项