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