From 8a34b8049e7c2fc08a9de262d7201c6802569d95 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Wed, 19 Nov 2025 18:02:44 +0800
Subject: [PATCH] =?UTF-8?q?style=E7=94=9F=E6=88=90=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E8=AF=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/selectStyle/selectItem.vue | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/selectStyle/selectItem.vue b/src/components/selectStyle/selectItem.vue
index ee5a38c..c9baa4b 100644
--- a/src/components/selectStyle/selectItem.vue
+++ b/src/components/selectStyle/selectItem.vue
@@ -36,6 +36,21 @@ const updateStyle = (item,index)=>{
 	if(!['RUNNING','PENDING'].includes(item.status))emit('updateStyle', {item,index})
 }
 
+const vLoading = {
+	mounted: (el: HTMLElement, binding: any) =>{
+		binding.value.timer = ()=>{
+			setTimeout(()=>{
+				binding.value.isLoading = true
+			},5000)
+		}
+		binding.value.timer()
+	},
+	unmounted(el: HTMLElement, binding: any) {
+		binding.value.isLoading = false
+		clearTimeout(binding.value.timer)
+	}
+}
+
 onMounted(()=>{
 })
 onUnmounted(()=>{
@@ -49,7 +64,12 @@ const {} = toRefs(data);
 			<div class="title">look {{ index + 1 }}</div>
 			<div class="imgBox" @click="setSelectList(item)">
 				<img v-if="item?.path" :src="item?.path" alt="">
-				<van-loading v-else size="20rem"/>
+				<div v-else v-loading="item">
+					<van-loading size="20rem"/>
+					<span v-if="item?.isLoading" style="font-size: 2.8rem;">
+						Still generating...
+					</span>
+				</div>
 				<!-- <img v-for="(img,index) in item?.imgList" :key="index" :src="img" alt=""> -->
 				<div class="icon" v-if="item.id == select?.id">
 					<SvgIcon  name="modelSelected" size="60" />