更新

src/views/albumDetail/modals/musicLIstItem/index.module.less

@@ -97,6 +97,8 @@
         color: #000000;
         line-height: 25px;
         margin-bottom: 6px;
+        display: flex;
+        align-items: center;
       }
       .authorName {
         font-weight: 400;
@@ -239,3 +241,11 @@
     }
   }
 // }
+
+.iconFine {
+  display: inline-block;
+  width: 18px;
+  height: 22px;
+  margin-right: 8px;
+}
+

src/views/albumDetail/modals/musicLIstItem/index.tsx

@@ -11,6 +11,7 @@ import { useRouter } from 'vue-router'
 import start from '@/common/images/start.png'
 import lineStart from '@/common/images/lineStart.png'
 import arrow from '@/views/home/images/moreArrow.png'
+import iconFine from '@/common/images/icon_fine.png'
 
 type Props = {
   id?: Number
@@ -79,7 +80,12 @@ export default defineComponent({
                 <img src={state.item.titleImg || music} alt="" />
               </div>
               <div class={classes.textWrap}>
-                <p class={classes.musicName}>{state.item.musicSheetName}</p>
+                <p class={classes.musicName}>
+                  {state.item.exquisiteFlag === 1 && (
+                    <img src={iconFine} class={classes.iconFine} />
+                  )}
+                  {state.item.musicSheetName}
+                  </p>
                 <p class={classes.authorName}>作曲:{state.item.composer}</p>
                 <div class={classes.favoriteWrap}>
                   <img src={state.item.favorite ? lineStart : start} alt="" />