修改样式

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

@@ -104,9 +104,11 @@ export default defineComponent({
                       : `作曲：${n.composer}`}
                   </span>
                   <div class={styles.tags}>
-                    {n?.subjectNames.split(',').map((name: any) => (
-                      <span>{name}</span>
-                    ))}
+                    {n?.subjectNames &&
+                      n?.subjectNames
+                        .split(',')
+                        .map((name: any) => <span>{name}</span>)}
+                    {n.musicSheetType === 'CONCERT' && <span>合奏</span>}
                   </div>
                 </div>
               </div>

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

@@ -431,6 +431,17 @@
       height: 24px;
       width: 24px;
     }
+
+    .iconExchange {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: rgba(246, 246, 246, 1);
+      border-radius: 50%;
+      font-size: 16px;
+      width: 24px;
+      height: 24px;
+    }
   }
 
   .exquisiteFlag {

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

@@ -787,15 +787,7 @@ export default defineComponent({
                         staffData.open = true
                       }}
                     >
-                      <Icon
-                        style={{
-                          background: 'rgba(246,246,246,1)',
-                          borderRadius: '50%',
-                          padding: '4px'
-                        }}
-                        size="20px"
-                        name="exchange"
-                      />
+                      <Icon class={styles.iconExchange} name="exchange" />
                       <span>切换乐器</span>
                     </span>
                   </>