|
@@ -1,5 +1,5 @@
|
|
|
import { Skeleton } from "vant";
|
|
|
-import { computed, defineComponent, nextTick, onBeforeMount, onMounted, reactive, Transition, watch, watchEffect } from "vue";
|
|
|
+import { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, Transition, watch, watchEffect } from "vue";
|
|
|
import { useRoute } from "vue-router";
|
|
|
import { formateTimes } from "../../helpers/formateMusic";
|
|
|
import Metronome, { metronomeData } from "../../helpers/metronome";
|
|
@@ -212,6 +212,12 @@ export default defineComponent({
|
|
|
}
|
|
|
}
|
|
|
);
|
|
|
+ onMounted(() => {
|
|
|
+ window.addEventListener('resize', resetMusicScore)
|
|
|
+ })
|
|
|
+ onBeforeUnmount(() => {
|
|
|
+ window.removeEventListener('resize', resetMusicScore)
|
|
|
+ })
|
|
|
return () => (
|
|
|
<div class={[styles.detail, state.setting.camera && styles.opencamera]} style={{ paddingLeft: detailData.paddingLeft }}>
|
|
|
{!state.musicRendered && (
|