添加显示

src/views/xiaoku-music/index.module.less

@@ -304,6 +304,29 @@
       white-space: nowrap;
       text-overflow: ellipsis;
       overflow: hidden;
+      padding: 3px 0;
+    }
+
+    .iconType {
+      background: transparent;
+      border-radius: 3px;
+      padding: 0px 3px;
+      font-size: max(12px, 11Px);
+      text-align: center;
+      font-weight: 400;
+      line-height: 1;
+      border: 1px solid transparent;
+      margin-right: 5px;
+    }
+
+    .iconPlay {
+      border: 1px solid #15B2FD;
+      color: #00ADFF;
+    }
+
+    .iconSing {
+      border: 1px solid #CD8613;
+      color: #CE8208;
     }
   }
 
@@ -563,4 +586,4 @@
       margin-top: 0;
     }
   }
-}
+}

src/views/xiaoku-music/index.tsx

@@ -167,6 +167,13 @@ export default defineComponent({
       }
 
       if (res?.code === 200 && Array.isArray(res?.data?.rows)) {
+        console.log(res?.data?.rows);
+        const tempResult = res?.data?.rows || [];
+        tempResult.forEach((item: any) => {
+          item.audioPlayTypeArray = item.audioPlayTypes
+            ? item.audioPlayTypes.split(',')
+            : [];
+        });
         data.list = [...data.list, ...res.data.rows];
         data.finshed = res.data.rows.length < forms.rows;
       } else {
@@ -828,7 +835,23 @@ export default defineComponent({
                             <div class={styles.titleName}>
                               <TheNoticeBar text={item.musicSheetName} />
                             </div>
-                            <div class={styles.titleDes}>{item.composer}</div>
+                            <div class={styles.titleDes}>
+                              {item.audioPlayTypeArray?.includes('PLAY') && (
+                                <span
+                                  class={[styles.iconType, styles.iconPlay]}>
+                                  演奏
+                                </span>
+                              )}
+
+                              {item.audioPlayTypeArray?.includes('SING') && (
+                                <span
+                                  class={[styles.iconType, styles.iconSing]}>
+                                  演唱
+                                </span>
+                              )}
+
+                              {item.composer}
+                            </div>
                           </div>
                           {/* {index == 0 ? (
                             <NButton