diff --git a/src/assets/images/sketchGenerateLaoding.gif b/src/assets/images/sketchGenerateLaoding.gif
new file mode 100644
index 0000000..57144b5
Binary files /dev/null and b/src/assets/images/sketchGenerateLaoding.gif differ
diff --git a/src/views/home/VersionTree.vue b/src/views/home/VersionTree.vue
index 307d360..e46372f 100644
--- a/src/views/home/VersionTree.vue
+++ b/src/views/home/VersionTree.vue
@@ -93,6 +93,9 @@ const {} = toRefs(data);
open Version Tree
Generate
+
@@ -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%;
diff --git a/src/views/home/generateSketch/generateItem.vue b/src/views/home/generateSketch/generateItem.vue
index a8db8c9..de05651 100644
--- a/src/views/home/generateSketch/generateItem.vue
+++ b/src/views/home/generateSketch/generateItem.vue
@@ -36,7 +36,7 @@ const {} = toRefs(data);
- 等待
+
@@ -125,6 +125,13 @@ const {} = toRefs(data);
width: 100%;
height: 100%;
}
+ > .waitingItem{
+ > img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ }
+ }
> .successItem{
> .more{
position: absolute;