合并

src/components/Question.vue

@@ -1,6 +1,6 @@
 <script setup name="Question">
 import gsap from "gsap";
-import { Toast } from "vant";
+import { Toast,Progress  } from "vant";
 import { data } from "@/data";
 import { debounceTap, FYShuffle, mostValue, judgeBigScreen } from "@/plugins";
 import { useMainStore } from "@/store";
@@ -288,7 +288,14 @@ onMounted(() => {
         </div>
       </div>
     </div>
+    <Progress
+      :percentage="(currentId+1)/12 *100"
+      pivot-color="#7232dd"
+      :show-pivot="false"
+      color="linear-gradient(to right, rgb(255 153 153), rgb(221 50 50))"
+    />
   </div>
+
 </template>
 
 <style lang='scss' scope>

src/components/Result.vue

@@ -129,7 +129,7 @@ const createPoster = (event) => {
         {
           name: "eqcode",
           src: eqcodePic.value,
-          pos: { w: 140, h: 140, x: 66, y: 1070 },
+          pos: { w: 140, h: 140, x: bgId.value == 3 ? 75 : 66, y: 1070 },
         },
       ],
       // 字体素材

src/page/Home/App.vue

@@ -233,7 +233,7 @@ const playMusic = () => {
 }
 
 #musicBtn {
-  @include pos(60px, 60px, 80px, 40px);
+  @include pos(60px, 60px, 650px, 30px);
   z-index: 99;
 }