Merge branch 'main' of http://18.167.251.121:10003/aidlab/FiDA_Front

src/views/home/VersionTree.vue

@@ -93,6 +93,9 @@ const {} = toRefs(data);
 		<div>
 			<el-button type="primary" @click="versionTreeData.drawer = true">open Version Tree</el-button>
 			<el-button type="primary" @click="generateSketch">Generate</el-button>
+			<!-- <div class="test">
+				彩色文字
+			</div> -->
 		</div>
 		<VersionTreeIndex v-model:versionTreeData="versionTreeData" />
 		<div class="generateSketchBox">
@@ -106,6 +109,24 @@ const {} = toRefs(data);
 		height: 100%;
 		position: relative;
 		display: flex;
+		.test{
+			font-size: 100px;
+  font-weight: bold;
+  
+  /* 关键步骤1：设置背景图片 */
+  background: url('https://img.soogif.com/yUgKq3cRdJeNjcMCK0m8s5g8ApeBakgv.gif');
+  background-size: cover;
+  
+  /* 关键步骤2：将背景裁剪到文字形状 */
+  -webkit-background-clip: text;
+  background-clip: text;
+  
+  /* 关键步骤3：将文字颜色设为透明，让背景透出来 */
+  color: transparent;
+  
+  /* 确保在Chrome/Safari中生效 */
+  -webkit-text-fill-color: transparent;
+		}
 		> .generateSketchBox{
 			height: 100%;
 			width: 50%;

src/views/home/generateSketch/generateItem.vue

@@ -36,7 +36,7 @@ const {} = toRefs(data);
 <template>
 	<div class="generateItem">
 		<div v-if="item.type === 'waiting'" class="waitingItem">
-			等待
+			<img src="@/assets/images/sketchGenerateLaoding.gif" alt="">
 			<!-- <el-spinner style="display: inline-block;" /> -->
 		</div>
 		
@@ -125,6 +125,13 @@ const {} = toRefs(data);
 			width: 100%;
 			height: 100%;
 		}
+		> .waitingItem{
+			> img{
+				width: 100%;
+				height: 100%;
+				object-fit: cover;
+			}
+		}
 		> .successItem{
 			> .more{
 				position: absolute;