Merge branch 'iteration-20240822-goto'

src/tenant/music/coursewarePlay/component/musicScore.module.less

@@ -3,7 +3,8 @@
   width: 100%;
   height: 100%;
   -webkit-overflow-scrolling: touch;
-  overflow: scroll;
+
+  // overflow: scroll;
   .container {
     position: relative;
     display: block;
@@ -12,6 +13,7 @@
     height: 100%;
     z-index: 10;
   }
+
   .musicModel {
     position: absolute;
     left: 0;
@@ -20,6 +22,7 @@
     bottom: 0;
   }
 }
+
 .errorModel {
   position: absolute;
   left: 0;
@@ -33,23 +36,26 @@
   overflow: hidden;
 }
 
-.startBtn{
+.startBtn {
   position: absolute;
   left: 50%;
   bottom: 6vh;
   transform: translateX(-50%);
   z-index: 11;
-  &:active{
+
+  &:active {
     opacity: .8;
   }
 }
-.loading{
+
+.loading {
   position: absolute;
   left: 4%;
   top: 50%;
   margin-top: -15Px;
 }
-.skeletonWrap{
+
+.skeletonWrap {
   position: absolute;
   left: 0;
   top: 0;
@@ -64,20 +70,24 @@
   background: #fff;
   pointer-events: none;
 }
+
 .skeleton {
   --van-skeleton-paragraph-height: 24px;
-  :global{
-    .van-skeleton__content{
-      .van-skeleton-paragraph{
+
+  :global {
+    .van-skeleton__content {
+      .van-skeleton-paragraph {
         margin: 12px auto;
         width: 80% !important;
-        &:first-child{
+
+        &:first-child {
           width: 60% !important;
         }
-        &:last-child{
+
+        &:last-child {
           width: 100% !important;
         }
       }
     }
   }
-}
+}

src/tenant/music/coursewarePlay/index.module.less

@@ -37,6 +37,7 @@
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.6), transparent);
   transition: transform 0.5s;
   box-sizing: border-box;
+  pointer-events: none;
 
   div {
     box-sizing: border-box;
@@ -53,6 +54,7 @@
   align-items: center;
   z-index: 10;
   padding: 0 15px;
+  pointer-events: auto;
 
   :global {
     .van-icon {
@@ -390,4 +392,4 @@
   &.hide {
     transform: translateX(66px);
   }
-}
+}

src/tenant/music/coursewarePlay/index.tsx

@@ -373,6 +373,7 @@ export default defineComponent({
 
     // ifram事件处理
     const iframeHandle = (ev: MessageEvent) => {
+      console.log('headerTogge', ev)
       if (ev.data?.api === 'headerTogge') {
         activeData.model =
           ev.data.show || (ev.data.playState == 'play' ? false : true)