Просмотр исходного кода

Merge remote-tracking branch 'origin/hqyDev' into ktyq-online-new

TIANYONG 2 месяцев назад
Родитель
Сommit
391fff4d13
1 измененных файлов с 8 добавлено и 2 удалено
  1. 8 2
      src/view/rhythm/index.tsx

+ 8 - 2
src/view/rhythm/index.tsx

@@ -76,10 +76,16 @@ export default defineComponent({
          if (headTopData.rhythmModeDirection !== "vertical") {
             const element = document.querySelector(".rhythmBox-scale-element") as HTMLElement | null
             if (element) {
+               const playBtnEl = document.querySelector("#studnetT-7") as HTMLElement | null
                const screenWidth = document.documentElement.clientWidth
                const originalWidth = element.offsetWidth
-               // 保留一位小数
-               const scale = screenWidth < originalWidth ? Math.floor((screenWidth / originalWidth) * 10) / 10 : 1
+               // 比较差值,需要计算播放按钮的位置
+               let distanceWidth = screenWidth
+               if (playBtnEl) {
+                  distanceWidth = screenWidth - (screenWidth - playBtnEl.getBoundingClientRect().left) * 2
+               }
+               // 保留2位小数
+               const scale = distanceWidth < originalWidth ? Math.floor((distanceWidth / originalWidth) * 100) / 100 : 1
                element.style.transform = `translate(-50%, -50%) scale(${scale})`
             }
          }