skyblued 2 years ago
parent
commit
76efd00810
1 changed files with 10 additions and 20 deletions
  1. 10 20
      src/views/coursewarePlay/index.tsx

+ 10 - 20
src/views/coursewarePlay/index.tsx

@@ -56,15 +56,12 @@ export default defineComponent({
       let min = Math.min(screen.width, screen.height)
       let max = Math.max(screen.width, screen.height)
       let width = min * (16 / 9)
-      console.log('计算的屏幕宽度', width, max)
       if (width > max) {
         parentContainer.width = '100vw'
         return
       } else {
         parentContainer.width = width + 'px'
       }
-
-      console.log('设置宽度', parentContainer.width)
     }
     const handleInit = (type = 0) => {
       //设置容器16:9
@@ -371,13 +368,11 @@ export default defineComponent({
 
     // 暂停播放
     const handlePaused = (e: Event, m: any) => {
-      e.stopPropagation()
       m.videoEle?.pause()
       m.paused = true
     }
     // 开始播放
     const handlePlay = (e: Event, m: any) => {
-      e.stopPropagation()
       closeToast()
       m.videoEle?.play()
     }
@@ -481,16 +476,20 @@ export default defineComponent({
                           )}
                           <Transition name="bottom">
                             {activeData.model && (
-                              <div class={[styles.bottomFixedContainer]}>
+                              <div
+                                class={[styles.bottomFixedContainer]}
+                                onClick={(e: Event) => {
+                                  e.stopPropagation()
+                                  setModelOpen()
+                                }}
+                              >
                                 <div class={styles.time}>
                                   <span>{getSecondRPM(m.currentTime)}</span>
                                   <span>{getSecondRPM(m.duration)}</span>
                                 </div>
                                 <div class={styles.slider}>
                                   <Slider
-                                    onClick={() => {
-                                      setModelOpen()
-                                    }}
+                                    onClick={() => setModelOpen()}
                                     style={{ display: m.isprepare ? 'block' : 'none' }}
                                     buttonSize={16}
                                     step={0.1}
@@ -543,19 +542,10 @@ export default defineComponent({
                                     {m.loop ? (
                                       <img
                                         src={iconLoopActive}
-                                        onClick={(e: Event) => {
-                                          e.stopPropagation()
-                                          m.loop = false
-                                        }}
+                                        onClick={(e: Event) => (m.loop = false)}
                                       />
                                     ) : (
-                                      <img
-                                        src={iconLoop}
-                                        onClick={(e: Event) => {
-                                          e.stopPropagation()
-                                          m.loop = true
-                                        }}
-                                      />
+                                      <img src={iconLoop} onClick={(e: Event) => (m.loop = true)} />
                                     )}
                                   </div>
                                   <div>{m.name}</div>