添加教程下载 和调整作品详情

src/views/HomeView/Works.vue

@@ -20,6 +20,7 @@
 					<a-spin size="large" />
 				</span>
 			</div>
+			<img v-show="isNoData && isNull" src="@/assets/images/homePage/null_img.png">
 		</div>
 		
 		<newScaleImage ref="newScaleImage" @deletePorfolio="deletePorfolio"></newScaleImage>
@@ -60,6 +61,7 @@ export default defineComponent({
     setup() {
 		let filter:any = reactive({
 			worksSelect: 'all',
+			isNull:true,
 			worksType: [
 				{
 					name: useI18n().t('works.all'),
@@ -148,8 +150,13 @@ export default defineComponent({
 			filter.isShowMark = true
 			Https.axiosPost(Https.httpUrls.getPorfolio, data)
                 .then((rv) => {
+					if(data.page == 1 && rv.content.length == 0){
+						filter.isNull = true
+					}else{
+						filter.isNull = false
+					}
 					if (rv.content.length > 0) {
-						filter.isShowMark = false
+						filter.isNull = false
 						fall.value.push(rv.content); 
 					} else {
 						filter.isNoData = true
@@ -158,6 +165,9 @@ export default defineComponent({
                 })
                 .catch((rv) => {
 					filter.isShowMark = false
+					if(data.page == 1){
+						filter.isNull = true
+					}
 				});
 
 			// setTimeout(() => {
@@ -308,6 +318,11 @@ export default defineComponent({
 				height: 50px;
 			}
 		}
+		>img{
+			position: absolute;
+			inset: 0;
+			margin: auto;
+		}
     }
 	&.active{
 		display: flex;