更新

src/views/music/album-detail/index.tsx

@@ -256,9 +256,7 @@ export default defineComponent({
             </div>
             <div class={styles.alumCollect}>
               <img src={IconPan} />
-              <span>
-                共{albumDetail.value?.musicSheetCount}首曲目{state.platformType}
-              </span>
+              <span>共{albumDetail.value?.musicSheetCount}首曲目</span>
               <div
                 class={styles.right}
                 onClick={() => toggleFavorite(albumDetail.value?.id)}

src/views/music/component/song/index.module.less

@@ -113,7 +113,7 @@
   margin-bottom: 10px;
   .tag {
     flex-shrink: 0;
-    padding: 2px 4px 0;
+    // padding: 2px 4px 0;
     border-radius: 4px;
   }
 
@@ -199,4 +199,11 @@
 .exquisiteFlag {
   width: 14px;
   margin-left: 5px;
+  flex-shrink: 0;
+}
+.songAlbum {
+  width: 15px;
+  height: 15px;
+  margin-left: 5px;
+  flex-shrink: 0;
 }

src/views/music/component/song/index.tsx

@@ -114,6 +114,13 @@ export default defineComponent({
                     </Tag>
                   ))}
 
+                  {n.albumNums > 0 && (
+                    <Image
+                      class={styles.songAlbum}
+                      src={getAssetsHomeFile('icon_album_active.png')}
+                    />
+                  )}
+
                   {n.exquisiteFlag === 1 && (
                     <Image
                       class={styles.exquisiteFlag}
@@ -121,8 +128,6 @@ export default defineComponent({
                     />
                   )}
 
-                  {n.albumNums > 0 && '专'}
-
                   <span class={[styles.title, 'van-ellipsis']}>
                     {n.musicSheetName}
                   </span>
@@ -191,7 +196,7 @@ export default defineComponent({
                           display: 'flex'
                         }}
                       >
-                        <Tag
+                        {/* <Tag
                           style={{
                             color: colors[moreData?.value.chargeType].color,
                             marginRight: '6px'
@@ -199,9 +204,22 @@ export default defineComponent({
                           class={styles.tag}
                           type="success"
                           plain
-                        >
-                          {colors[moreData?.value.chargeType].text}
-                        </Tag>
+                        > */}
+                        {moreData?.value.paymentType.map(tag => (
+                          <Tag
+                            style={{
+                              color: colors[tag].color,
+                              marginRight: '6px'
+                            }}
+                            class={styles.tag}
+                            type="success"
+                            plain
+                          >
+                            {colors[tag].text}
+                          </Tag>
+                        ))}
+                        {/* {colors[moreData?.value.chargeType].text} */}
+                        {/* </Tag> */}
                         <span style={{ paddingTop: '2px' }}>
                           {moreData?.value.composer}
                         </span>