|
@@ -36,6 +36,7 @@ export default defineComponent({
|
|
|
const loaded = ref(false)
|
|
|
let isInitAudioVisualDraw = false
|
|
|
const { registerDrag, unRegisterDrag } = landscapeScreenDrag()
|
|
|
+ const creationHeight = ref(0)
|
|
|
watch(landscapeScreen, ()=>{
|
|
|
if(landscapeScreen.value){
|
|
|
registerDrag()
|
|
@@ -296,7 +297,9 @@ export default defineComponent({
|
|
|
}else{
|
|
|
// web端使用旋转的方式
|
|
|
updateLandscapeScreenState()
|
|
|
+ setFullHeight()
|
|
|
window.addEventListener('resize', updateLandscapeScreenState)
|
|
|
+ window.addEventListener('resize', setFullHeight)
|
|
|
}
|
|
|
}
|
|
|
function updateLandscapeScreenState(){
|
|
@@ -394,6 +397,12 @@ export default defineComponent({
|
|
|
updateProgressStaff
|
|
|
}
|
|
|
}
|
|
|
+ function setFullHeight(){
|
|
|
+ // ios 浏览器100vh 不等于可视区
|
|
|
+ requestAnimationFrame(()=>{
|
|
|
+ creationHeight.value = window.innerHeight
|
|
|
+ })
|
|
|
+ }
|
|
|
onMounted(()=>{
|
|
|
// 五线谱
|
|
|
initStaff()
|
|
@@ -410,11 +419,18 @@ export default defineComponent({
|
|
|
});
|
|
|
}else{
|
|
|
window.removeEventListener('resize', updateLandscapeScreenState)
|
|
|
+ window.removeEventListener('resize', setFullHeight)
|
|
|
}
|
|
|
_plrl?.destroy()
|
|
|
})
|
|
|
return () =>
|
|
|
- <div id="landscapeScreenPlay" class={[styles.playCreation,landscapeScreen.value && styles.landscapeScreen,!loaded.value && styles.notLoaded]}
|
|
|
+ <div id="landscapeScreenPlay"
|
|
|
+ class={[styles.playCreation,landscapeScreen.value && styles.landscapeScreen,!loaded.value && styles.notLoaded]}
|
|
|
+ style={
|
|
|
+ {
|
|
|
+ "--creationHeight":creationHeight.value ? creationHeight.value+"px" : "100vh"
|
|
|
+ }
|
|
|
+ }
|
|
|
onClick={
|
|
|
(event)=>{
|
|
|
staffState.isShow && handlerClickPlay(event)
|