课件播放优化

src/subpages/colexiu/buttons/index.tsx

@@ -142,7 +142,7 @@ export default defineComponent({
   emits: ['setMusicScoreType'],
   setup(props, { emit }) {
     const search = useOriginSearch()
-    const route = {query: search}
+    const route = { query: search }
     const [wiredStatus] = useWiredHeadsetCheck()
     const speedRef = ref()
     const [show] = useMenu()
@@ -202,6 +202,7 @@ export default defineComponent({
             styles.container,
             show.value ? 'animate__animated animate__fadeInDown' : 'animate__animated animate__fadeOutUp',
           ]}
+          style={route.query.headerHeight ? {paddingTop: route.query.headerHeight + 'px', height: `calc(0.90667rem + var(--header-padding-top) + ${route.query.headerHeight + 'px'})`} : {}}
         >
           <div class={styles.leftButton}>
             {!route.query?.modelType && (
@@ -406,7 +407,7 @@ export default defineComponent({
                 class={styles.toggleMusicType}
                 placement="bottom-end"
                 show={musicTypeShow.value}
-                onUpdate:show={(val: any) => {
+                onUpdate:show={(val: boolean) => {
                   if (
                     runtime.playState === 'play' ||
                     (runtime.evaluatingStatus && !startButtonShow.value) ||
@@ -479,7 +480,6 @@ export default defineComponent({
                 <Follow ref={followRef} />
               </>
             )}
-
           </div>
 
           {/* <Teleport to="body">

src/subpages/colexiu/buttons/player.tsx

@@ -21,21 +21,6 @@ export default defineComponent({
       RuntimeUtils.ended(new Event('ended'))
     }
 
-    // <Button
-    //   class={[styles.button, styles.evaluatBtn]}
-    //   onClick={() => {
-    //     console.log('evaluatingRef', evaluatingRef.value?.playStatus)
-    //     evaluatingRef.value?.togglePlay?.()
-    //     // isEvaluat.value = !isEvaluat.value
-    //   }}
-    // >
-    //   {evaluatingRef.value?.playStatus === 'stop' ? (
-    //     <ButtonIcon name="start" key="start"></ButtonIcon>
-    //   ) : (
-    //     detailState.isPauseRecording ? <ButtonIcon name="restore" key="restore"></ButtonIcon> : <ButtonIcon name="stop" key="stop"></ButtonIcon>
-    //   )}
-    // </Button>
-
     // 播放进入的圆周长
     const circleLength = Math.floor(2 * Math.PI * 16)
 

src/subpages/colexiu/uses/use-menu.ts

@@ -35,6 +35,16 @@ export const useMenu = () => {
       show.value = tmpStatus !== 'pause'
     }
   )
+  watch(show, () => {
+    window.parent.postMessage(
+      {
+        api: 'headerTogge',
+        playState: runtime.playState,
+        show: show.value,
+      },
+      '*'
+    )
+  })
 
   return [show]
 }