Merge branch 'hqyDev' of http://git.dayaedu.com/liushengqiang/classroom-app into jenkins-test

src/views/creation/index-share.tsx

@@ -115,6 +115,7 @@ export default defineComponent({
     const isLandscapeScreen = ref(false)
     const wxStatus = ref(false)
     const staffDom= ref<HTMLIFrameElement>()
+    const staffMask = ref(false)
     const {playStaff, pauseStaff, updateProgressStaff} = staffMoveInstance()
     // 点赞
     const onStarChange = async () => {
@@ -218,8 +219,14 @@ export default defineComponent({
       });
       player.on("timeupdate", ()=>{
         plyrState.currentTime = player.currentTime
+        if(player.currentTime <=0){
+          staffMask.value = false
+        }else{
+          staffMask.value = true
+        }
       })
       player.on('play', () => {
+        staffMask.value = true
         plyrState.playIngShow = false
         playStaff()
       });
@@ -721,7 +728,7 @@ export default defineComponent({
                             <div class={styles.mask}></div>
                             <iframe
                               ref={staffDom}
-                              class={styles.staff}
+                              class={[styles.staff,staffMask.value && styles.staffMask]}
                               frameborder="0"
                               src={staffState.staffSrc}>
                             </iframe>

src/views/creation/index.module.less

@@ -266,7 +266,9 @@
       }
     }
     .staff {
-      background-color: rgba(255, 255, 255, 0.7);
+      &.staffMask{
+        background-color: rgba(255, 255, 255, 0.7);
+      }
     }
     .backBox{
       .username{

src/views/creation/index.tsx

@@ -109,6 +109,7 @@ export default defineComponent({
     })
     const isLandscapeScreen = ref(false)
     const staffDom= ref<HTMLIFrameElement>()
+    const staffMask = ref(false)
     const {playStaff, pauseStaff, updateProgressStaff} = staffMoveInstance()
     // 获取列表
     const getStarList = async () => {
@@ -224,8 +225,14 @@ export default defineComponent({
       // });
       player.on("timeupdate", ()=>{
         plyrState.currentTime = player.currentTime
+        if(player.currentTime <=0){
+          staffMask.value = false
+        }else{
+          staffMask.value = true
+        }
       })
       player.on('play', () => {
+        staffMask.value = true
         plyrState.playIngShow = false
         playStaff()
       });
@@ -691,7 +698,7 @@ export default defineComponent({
                     <div class={styles.mask}></div>
                     <iframe
                       ref={staffDom}
-                      class={styles.staff}
+                      class={[styles.staff,staffMask.value && styles.staffMask]}
                       frameborder="0"
                       src={staffState.staffSrc}>
                     </iframe>