修改类型

src/views/co-ai/index.module.less

@@ -376,10 +376,10 @@
     top: 0;
     z-index: 9;
 
-    &.FREE {
-      background: url('./image/icon-music-default.png') no-repeat center;
-      background-size: contain;
-    }
+    // &.FREE {
+    //   background: url('./image/icon-music-default.png') no-repeat center;
+    //   background-size: contain;
+    // }
 
     &.VIP {
       background: url('./image/icon-music-vip.png') no-repeat center;

src/views/co-ai/index.tsx

@@ -178,9 +178,9 @@ export default defineComponent({
       }&musicRenderType=${lineType}&showGuide=true&part-index=${
         data.selectMusicInstrumentIndex
       }`;
-      if (data.musics[data.musicIndex]?.paymentType === 'FREE') {
-        src += `showCourseMember=true`;
-      }
+      // if (data.musics[data.musicIndex]?.paymentType === 'FREE') {
+      //   src += `showCourseMember=true`;
+      // }
       postMessage({
         api: 'openAccompanyWebView',
         content: {

src/views/courseware-play/component/musicScore.tsx

@@ -104,10 +104,10 @@ export default defineComponent({
 
     // 去云练习完整版
     const gotoAccomany = () => {
-      if (!state.user.data?.vipMember) {
-        // showVip.value = true;
-        return;
-      }
+      // if (!state.user.data?.vipMember) {
+      //   // showVip.value = true;
+      //   return;
+      // }
       if (isLoading.value) return;
       if (!browserInfo.ios) {
         isLoading.value = true;

src/views/courseware-play/component/point.module.less

@@ -47,6 +47,26 @@
   background: linear-gradient(360deg, #F2F4F5 0%, #E7F9FF 100%);
   margin: 0 15px 15px;
   overflow: hidden;
+  position: relative;
+
+  .iconPayment {
+    position: absolute;
+    right: 0;
+    top: 0;
+    padding: 0 4px;
+    border-radius: 0 3px 0 6px;
+    background: rgba(0, 0, 0, 0.74);
+    opacity: 0.7;
+    font-weight: 500;
+    font-size: 12px;
+    color: #FFFFFF !important;
+    z-index: 9;
+
+    &.VIP {
+      background-color: RGBA(220, 138, 94, .53);
+      opacity: 1;
+    }
+  }
 
   .cover {
     position: relative;
@@ -54,23 +74,7 @@
     background: #fff;
     overflow: hidden;
 
-    .iconPayment {
-      position: absolute;
-      right: 0;
-      top: 0;
-      padding: 0 4px;
-      border-radius: 0 3px 0 6px;
-      background: rgba(0, 0, 0, 0.74);
-      opacity: 0.7;
-      font-weight: 500;
-      font-size: 12px;
-      color: #FFFFFF;
 
-      &.VIP {
-        background-color: RGBA(220, 138, 94, 1);
-        opacity: 1;
-      }
-    }
 
     &>img {
       display: block;

src/views/courseware-play/component/points.tsx

@@ -193,16 +193,17 @@ export default defineComponent({
                                 kjId: pointData.currentCourse?.id
                               });
                             }}>
-                            <div class={styles.cover}>
+                            {material.paymentType === 'VIP' && (
                               <span
                                 class={[
                                   styles.iconPayment,
                                   styles[material.paymentType]
                                 ]}>
-                                {material.paymentType === 'VIP'
-                                  ? 'VIP'
-                                  : '免费'}
+                                VIP
                               </span>
+                            )}
+
+                            <div class={styles.cover}>
                               <img src={material.url} />
                             </div>
                             <div class={styles.title}>

src/views/courseware-play/index.module.less

@@ -135,7 +135,13 @@
 
   .memberLock {
     position: absolute;
-    inset: 0;
+    // inset: 0;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
     background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.05) 100%);
     backdrop-filter: blur(4px);
     display: flex;
@@ -208,7 +214,7 @@
   justify-content: space-evenly;
   overflow: hidden;
   white-space: nowrap;
-  background: rgba(51, 51, 51, 0.8);
+  background: rgba(51, 51, 51, 0.4);
   border-radius: 6px;
   overflow: hidden;
 

src/views/hot-music-more/index.module.less

@@ -116,10 +116,10 @@
     top: 0;
     z-index: 9;
 
-    &.FREE {
-      background: url('../co-ai/image/icon-music-default.png') no-repeat center;
-      background-size: contain;
-    }
+    // &.FREE {
+    //   background: url('../co-ai/image/icon-music-default.png') no-repeat center;
+    //   background-size: contain;
+    // }
 
     &.VIP {
       background: url('../co-ai/image/icon-music-vip.png') no-repeat center;

src/views/hot-music-more/index.tsx

@@ -132,9 +132,9 @@ export default defineComponent({
         item?.id
       }&showGuide=true&modelType=practise`;
 
-      if (item.paymentType === 'FREE') {
-        src += `&showCourseMember=true`;
-      }
+      // if (item.paymentType === 'FREE') {
+      //   src += `&showCourseMember=true`;
+      // }
       postMessage({
         api: 'openAccompanyWebView',
         content: {