旋律位置计算

src/view/rhythm/index.tsx

@@ -77,10 +77,13 @@ export default defineComponent({
             const element = document.querySelector(".rhythmBox-scale-element") as HTMLElement | null
             if (element) {
                const playBtnEl = document.querySelector("#studnetT-7") as HTMLElement | null
-               const playBtnElClac =
-                  playBtnEl?.getBoundingClientRect()?.[state.platform === IPlatform.PC && state.musicScoreBtnDirection === "left" ? "y" : "x"]
-
                const screenWidth = document.documentElement.clientWidth
+               let playBtnElClac =
+                  playBtnEl?.getBoundingClientRect()?.x || 0
+               // 当在左边的时候计算 右边的距离   
+               if(playBtnElClac > 0 && state.platform === IPlatform.PC && state.musicScoreBtnDirection === "left"){
+                  playBtnElClac = screenWidth - playBtnElClac - (playBtnEl?.getBoundingClientRect()?.width || 0)
+               }   
                const originalWidth = element.offsetWidth
                // 比较差值，需要计算播放按钮的位置
                let distanceWidth = screenWidth
@@ -88,7 +91,7 @@ export default defineComponent({
                   distanceWidth = screenWidth - (screenWidth - playBtnElClac) * 2
                }
                // 保留2位小数
-               const scale = distanceWidth < originalWidth ? Math.floor((distanceWidth / originalWidth) * 100) / 100 : 1
+               const scale = (distanceWidth < originalWidth && distanceWidth > 0) ? Math.floor((distanceWidth / originalWidth) * 100) / 100 : 1
                element.style.transform = `translate(-50%, -50%) scale(${scale})`
             }
          }

vite.config.ts

@@ -76,8 +76,8 @@ export default defineConfig({
         // target: "https://kt.colexiu.com",
         // target: "https://test.lexiaoya.cn",
         // target: "https://kt.colexiu.com",
-        target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
-        // target: "https://test.kt.colexiu.com",
+        //target: "https://test.resource.colexiu.com", // 内容平台开发环境，内容平台开发，需在url链接上加上isCbs=true
+         target: "https://test.kt.colexiu.com",
         // target: "https://mec.colexiu.com",
         changeOrigin: true,
         rewrite: (path) => path.replace(/^\/instrument/, ""),