加个loading

src/components/pages/test/add/components/course/index.vue

@@ -15,7 +15,7 @@
             <div class="set_title" style="flex-direction: column;">
                 <div @click="openCourse" class="setting">设置课程选择范围</div>
 								<!-- {{courses}} -->
-                <div class="set_title_list">
+                <div class="set_title_list" v-loading="loading">
                     <div v-for="(item,index) in courses" class="set_title_list_item" v-if="coursesList.find(i=>i.courseId==item)">
 											<!-- {{ `课程名称：${item.title}     创建人：${item.username}`}} -->
 											<div class="set_title_list_itemBtn el-icon-remove-outline" @click.stop="delCourse(item)"></div>
@@ -46,15 +46,16 @@ export default {
     },
     data() {
         return {
-            ctype: 1,
-            options: [
-                { type: 1, name: '附件' },
-                // { type: 2, name: '多选题' }
-            ],
-            checkJson: {},
-            dialogVisibleCourse:false,
-            courses: [],
-						coursesList:[],
+					loading:false,
+          ctype: 1,
+          options: [
+              { type: 1, name: '附件' },
+              // { type: 2, name: '多选题' }
+          ],
+          checkJson: {},
+          dialogVisibleCourse:false,
+          courses: [],
+					coursesList:[],
         }
     },
     directives: {
@@ -80,6 +81,7 @@ export default {
             deep: true
         },
 				async courses(newValue){
+					this.loading = true;
 					let result = [];
 					let params = {
 						cid: this.courses.join(',')
@@ -87,6 +89,7 @@ export default {
 					let data = await this.ajax.get(this.$store.state.api + 'getCourseInfoTestAll',params);
 					result = data.data[0]
 					this.coursesList = result;
+					this.loading = false;
 				}
     },
     methods: {
@@ -281,5 +284,9 @@ export default {
 .set_title_list_itemLabel>span{
 	margin-right: 20px;
 }
+.set_title_list{
+	min-width: 100%;
+	min-height: 200px;
+}
 
 </style>