fix

src/views/coursewarePlay/index.module.less

@@ -19,13 +19,14 @@
   pointer-events: none;
 }
 .headerContainer {
-  position: absolute;
+  position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 10;
   display: flex;
   align-items: center;
+  justify-content: space-between;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
 }
 .backBtn {
@@ -225,20 +226,16 @@
   justify-content: center;
   align-items: center;
 }
-.playRecordTimeWrap{
-  position: fixed;
-  top: 0;
-}
 .playRecordTime {
-  position: fixed;
-  top: 33px;
-  left: 16px;
+  width: 90px;
+  margin-right: 10px;
   background: rgba(0, 0, 0, 0.4);
   border-radius: 20px;
-  font-size: 6px;
+  font-size: 12px;
   padding: 6px;
   display: flex;
   align-items: center;
+  justify-content: center;
   color: #fff;
   .timeLoad {
     width: 5px;

src/views/coursewarePlay/index.tsx

@@ -76,13 +76,13 @@ export default defineComponent({
       }
     }
     const handleInit = (type = 0) => {
-      postMessage({
-        api: 'courseLoading',
-        content: {
-          show: true,
-          type: 'fullscreen'
-        }
-      })
+      // postMessage({
+      //   api: 'courseLoading',
+      //   content: {
+      //     show: true,
+      //     type: 'fullscreen'
+      //   }
+      // })
       //设置容器16:9
       setContainer()
       // 横屏
@@ -226,15 +226,15 @@ export default defineComponent({
       }
       // console.log('🚀 ~ list', list)
       data.itemList = list
-      setTimeout(() => {
-        postMessage({
-          api: 'courseLoading',
-          content: {
-            show: false,
-            type: 'fullscreen'
-          }
-        })
-      }, 300)
+      // setTimeout(() => {
+      //   postMessage({
+      //     api: 'courseLoading',
+      //     content: {
+      //       show: false,
+      //       type: 'fullscreen'
+      //     }
+      //   })
+      // }, 300)
     }
     const getDetail = async () => {
       try {
@@ -622,6 +622,7 @@ export default defineComponent({
                   返回
                 </div>
                 <div class={styles.menu}>{popupData.tabName}</div>
+                {data.isCourse && <PlayRecordTime list={data.itemList} />}
               </div>
             )}
           </Transition>
@@ -708,7 +709,7 @@ export default defineComponent({
             />
           </Popup>
         </div>
-        <PlayRecordTime list={data.itemList} />
+        
       </div>
     )
   }