fix

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%;