style生成新增提示词

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" />