fix(PlayerCard): List 滚动闪烁

src/components/AudioPlayer/PlayerCard.tsx

@@ -8,7 +8,7 @@ import clientHttp from '@/utils/request/client';
 
 import styles from './index.module.css';
 import Lrc from './Lrc';
-import SongCardList from './widget/SongList';
+import SongList from './widget/SongList';
 
 import { Header } from '@/components';
 import { useAudioStore } from '@/store';
@@ -150,7 +150,7 @@ export default function PlayerCard({ show, className }: Prop) {
           </button>
 
           <div className="w-full mt-15px ml-[-18px] overflow-hidden">
-            <SongCardList height={height} songList={playQueue} listInfo={{ type: 'playerCard', id: null }} />
+            <SongList height={height} songList={playQueue} listInfo={{ type: 'playerCard', id: null }} />
           </div>
         </div>
       </div>

src/components/AudioPlayer/widget/SongList.tsx

@@ -25,7 +25,6 @@ interface Props {
   /** 收藏按钮的显示逻辑 always: 总是显示 playing: 播放时显示 */
   collectType?: 'always' | 'playing';
   className?: string;
-  style?: React.CSSProperties;
 }
 
 export default function SongCardList({ height, listInfo, songList, className, collectType = 'always', style }: Props) {
@@ -66,12 +65,11 @@ export default function SongCardList({ height, listInfo, songList, className, co
     setAudioId(id);
   };
 
-  function Item({ index }: { index: number }) {
+  function Item({ index, style }: { index: number; style: React.CSSProperties }) {
     const item = songList[index];
     return (
-      <div>
+      <div key={item?.id} style={style}>
         <SongCard
-          key={item?.id}
           {...item}
           playState={playState}
           showEq={item?.id === audioId}