修改

src/components/the-vip/index.module.less

@@ -25,7 +25,7 @@
 
 .content {
   position: relative;
-  padding: 35px 13px 25px 13px;
+  padding: 65px 13px 25px 13px;
   font-size: 14px;
   font-weight: 400;
   color: #333333;

src/views/co-ai/index.tsx

@@ -157,7 +157,10 @@ export default defineComponent({
     };
     /** 去云练习 */
     const handleGoto = () => {
-      if (!data.vipMember) {
+      if (
+        !data.vipMember &&
+        data.musics[data.musicIndex]?.paymentType === 'VIP'
+      ) {
         data.showVip = true;
         return;
       }
@@ -175,6 +178,9 @@ export default defineComponent({
       }&musicRenderType=${lineType}&showGuide=true&part-index=${
         data.selectMusicInstrumentIndex
       }`;
+      if (data.musics[data.musicIndex]?.paymentType === 'FREE') {
+        src += `showCourseMember=true`;
+      }
       postMessage({
         api: 'openAccompanyWebView',
         content: {

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

@@ -80,7 +80,7 @@ export default defineComponent({
         modelType: 'practise',
         Authorization: Authorization,
         showGuide: true,
-        showCourseMember: false,
+        showCourseMember: true,
         iscurseplay: 'play'
       }
     });

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

@@ -105,6 +105,26 @@
     margin-right: 10px;
     border-radius: 8px;
     overflow: hidden;
+    position: relative;
+  }
+
+  .iconType {
+    position: absolute;
+    width: 28px;
+    height: 14px;
+    right: 0;
+    top: 0;
+    z-index: 9;
+
+    &.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;
+      background-size: contain;
+    }
   }
 
   .musicPlayIcon {

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

@@ -131,6 +131,10 @@ export default defineComponent({
       let src = `${vaildMusicScoreUrl()}/instrument/?id=${
         item?.id
       }&showGuide=true&modelType=practise`;
+
+      if (item.paymentType === 'FREE') {
+        src += `&showCourseMember=true`;
+      }
       postMessage({
         api: 'openAccompanyWebView',
         content: {
@@ -246,7 +250,14 @@ export default defineComponent({
                   onClick={() => onDetail(item)}>
                   {{
                     icon: () => (
-                      <Image class={styles.musicImg} src={item.titleImg} />
+                      <div class={styles.musicImg}>
+                        <i
+                          class={[
+                            styles.iconType,
+                            styles[item.paymentType]
+                          ]}></i>
+                        <Image class={styles.musicImg} src={item.titleImg} />
+                      </div>
                     ),
                     title: () => (
                       <div class={styles.musicContnet}>