初步确定基础外观

lib/widgets/mini_player_bar.dart

@@ -1,7 +1,7 @@
+// lib/widgets/mini_player_bar.dart
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import '../services/audio_service.dart';
-import 'full_player_page.dart';
 
 class MiniPlayerBar extends StatelessWidget {
   const MiniPlayerBar({super.key});
@@ -11,50 +11,73 @@ class MiniPlayerBar extends StatelessWidget {
     final service = context.watch<AudioService>();
     final song = service.currentSong!;
 
-    return GestureDetector(
-      onTap: () => Navigator.push(
-        context,
-        MaterialPageRoute(builder: (_) => const FullPlayerPage()),
+    return Container(
+      height: 64,
+      decoration: BoxDecoration(
+        color: const Color(0xFF1A1F1E),
+        border:
+            const Border(top: BorderSide(color: Colors.white10, width: 0.5)),
+        boxShadow: [
+          BoxShadow(
+              color: Colors.black26,
+              blurRadius: 8,
+              offset: const Offset(0, -2)),
+        ],
       ),
-      child: Container(
-        height: 64,
-        decoration: const BoxDecoration(
-          color: Color(0xFF1A1F1E),
-          border: Border(top: BorderSide(color: Colors.white10, width: 0.5)),
-        ),
-        child: Row(
-          children: [
-            const SizedBox(width: 12),
-            Container(
-              width: 40,
-              height: 40,
-              decoration: BoxDecoration(
-                color: const Color(0xFF2A3332),
-                borderRadius: BorderRadius.circular(6),
-              ),
-              child: const Icon(Icons.music_note, color: Colors.white38),
+      child: Row(
+        children: [
+          const SizedBox(width: 12),
+          // ---- 封面方图 ----
+          Container(
+            width: 44,
+            height: 44,
+            decoration: BoxDecoration(
+              color: const Color(0xFF2A3332),
+              borderRadius: BorderRadius.circular(6),
             ),
-            const SizedBox(width: 12),
-            Expanded(
-              child: Column(
-                mainAxisAlignment: MainAxisAlignment.center,
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: [
-                  Text(song.title,
-                      style: const TextStyle(
-                          fontSize: 14, fontWeight: FontWeight.w500)),
-                  Text(song.artist,
-                      style: TextStyle(fontSize: 12, color: Colors.grey[400])),
-                ],
-              ),
+            child:
+                const Icon(Icons.music_note, color: Colors.white38, size: 22),
+          ),
+          const SizedBox(width: 12),
+          // ---- 歌曲信息 ----
+          Expanded(
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  song.title,
+                  style: const TextStyle(
+                      fontSize: 14, fontWeight: FontWeight.w500),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                ),
+                Text(
+                  song.artist,
+                  style: TextStyle(fontSize: 12, color: Colors.grey[400]),
+                  maxLines: 1,
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ],
             ),
-            IconButton(
-              icon: Icon(service.isPlaying ? Icons.pause : Icons.play_arrow),
-              onPressed: () => context.read<AudioService>().togglePlay(),
+          ),
+          // ---- 控制按钮：播放/暂停 + 展开列表 ----
+          IconButton(
+            icon: Icon(
+              service.isPlaying ? Icons.pause : Icons.play_arrow,
+              color: Colors.white,
             ),
-            const SizedBox(width: 8),
-          ],
-        ),
+            onPressed: () => context.read<AudioService>().togglePlay(),
+          ),
+          IconButton(
+            icon:
+                const Icon(Icons.playlist_play_outlined, color: Colors.white54),
+            onPressed: () {
+              // 后续：展开当前播放列表
+            },
+          ),
+          const SizedBox(width: 4),
+        ],
       ),
     );
   }