资源中心loading

src/views/resourceCenter/components/ResourceList.vue

@@ -20,7 +20,7 @@
 				/>
 			</div>
 		</div>
-		<a-spin :spinning="loading" tip="">
+		<a-spin :spinning="loading">
 			<a-row :gutter="[16, 16]">
 				<a-col :span="8" v-for="(item, index) in resources" :key="index">
 					<a-card hoverable :bordered="false" class="boxShadow cardBox" @click="handleItem(item)">
@@ -39,15 +39,15 @@
 								}"
 							>
 								<!-- <a-image
-                                    style="width: 100%; height: 100%"
-                                    :src="
-                                        item.coverImagePath != '' && sysConfig.FILE_URL + item.coverImagePath
-                                            ? sysConfig.FILE_URL + item.coverImagePath
-                                            : ''
-                                    "
-                                    alt=""
-                                    :preview="false"
-                                ></a-image> -->
+									style="width: 100%; height: 100%"
+									:src="
+										item.coverImagePath != '' && sysConfig.FILE_URL + item.coverImagePath
+											? sysConfig.FILE_URL + item.coverImagePath
+											: ''
+									"
+									alt=""
+									:preview="false"
+								></a-image> -->
 								<PlayCircleOutlined
 									:style="{ fontSize: '40px', color: 'white' }"
 									style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)"
@@ -74,7 +74,6 @@
 								</div>
 							</div>
 						</div>
-
 						<!-- <a-card-meta :title="item.title">
                             <template #description>
                                 <p>{{ item.description }}</p>
@@ -83,9 +82,9 @@
 					</a-card>
 				</a-col>
 			</a-row>
-			<a-spin :spinning="spinning">
-				<a-empty v-if="resources.length <= 0" />
-			</a-spin>
+		</a-spin>
+		<a-spin :spinning="spinning">
+			<a-empty v-if="resources.length <= 0" />
 		</a-spin>
 		<div style="height: 20px"></div>
 		<div style="display: flex; width: 100%; align-items: center; justify-content: center" v-if="resources.length > 0">
@@ -152,6 +151,7 @@
 
 	const getList = () => {
 		loading.value = true
+		spinning.value = true
 		list({ ...currentPage, ...queryData.value })
 			.then((res) => {
 				if (res.code == 200) {
@@ -161,11 +161,8 @@
 				}
 				loading.value = false
 			})
-			.catch((err) => {
-				console.log(err)
-				loading.value = false
-			})
 			.finally(() => {
+				loading.value = false
 				spinning.value = false
 			})
 	}
@@ -174,20 +171,7 @@
 		currentPage.current = 1
 		currentPage.size = 12
 		queryData.value = data
-		loading.value = true
-		list({ ...currentPage, ...queryData.value })
-			.then((res) => {
-				if (res.code == 200) {
-					resources.value = res.data.records
-					total.value = res.data.total
-					currentPage.current = res.data.current
-				}
-				loading.value = false
-			})
-			.catch((err) => {
-				console.log(err)
-				loading.value = false
-			})
+		getList()
 	}
 	onMounted(() => {
 		getList()