fix: 图片提交4x，提示画质。iOS logo提交；

lib/pages/home/players/page/drama_detail_page.dart

@@ -1,19 +1,15 @@
 import 'package:flutter/material.dart';
 import 'package:skywood/global/client/play_client.dart';
 import 'package:skywood/main/lib_file.dart';
-import 'package:skywood/pages/home/players/widget/player_bottom_widget.dart';
 import 'package:skywood/pages/home/players/widget/sky_player_view.dart';
 import 'package:skywood/utils/models/drama/skywood_detail.dart';
 import 'package:skywood/utils/models/drama/skywood_drama.dart';
-import 'package:skywood/utils/models/drama/skywood_home.dart';
+import 'package:skywood/utils/models/drama/skywood_episode.dart';
 import 'package:skywood/utils/tools/app_toast.dart';
-import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
 
 class DramaDetailPage extends StatefulWidget {
-  const DramaDetailPage({super.key,
-    required this.dramaBean,
-  });
+  const DramaDetailPage({super.key, required this.dramaBean});
 
   final SkywoodDrama dramaBean;
 
@@ -24,36 +20,49 @@ class DramaDetailPage extends StatefulWidget {
 }
 
 class _DramaDetailPageState extends State<DramaDetailPage> {
-
   SkywoodDetail? _detailBean;
+  SkywoodEpisode? _selectedEpisode;
 
   @override
   void initState() {
     super.initState();
 
-    _getDetailDrama();
+    _getDetailDrama(
+      shortPlayId: widget.dramaBean.shortPlayId ?? 0,
+      shortPlayVideoId: widget.dramaBean.shortPlayVideoId ?? 0,
+    );
   }
 
-  void _getDetailDrama() {
-    print('currentEpisode===${widget.dramaBean.currentEpisode}');
+  void _getDetailDrama({
+    required int shortPlayId,
+    required int shortPlayVideoId,
+  }) {
     AppToast.showLottieLoading();
     PlayClient.getVideoDetail(
-        shortPlayId: widget.dramaBean.shortPlayId ?? 0,
-        shortPlayVideoId: widget.dramaBean.shortPlayVideoId ?? 0
+      shortPlayId: shortPlayId,
+      shortPlayVideoId: shortPlayVideoId,
     ).then((value) {
       AppToast.dismiss();
+      if (!mounted) return;
       setState(() {
         _detailBean = value;
       });
     });
   }
 
+  void _onSelectedEpisode(SkywoodEpisode episode) {
+    setState(() {
+      _selectedEpisode = episode;
+    });
+    _getDetailDrama(
+      shortPlayId: episode.shortPlayId,
+      shortPlayVideoId: episode.shortPlayVideoId,
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.black,
-      body: _bodyWidget(),
-    );
+    return Scaffold(backgroundColor: Colors.black, body: _bodyWidget());
   }
 
   Widget _bodyWidget() {
@@ -63,17 +72,29 @@ class _DramaDetailPageState extends State<DramaDetailPage> {
 
         if (_detailBean != null)
           Positioned(
-            bottom: 0, left: 0, right: 0, top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
+            top: 0,
             child: SkyPlayerView(
+              key: ValueKey(
+                _selectedEpisode?.shortPlayVideoId ??
+                    _detailBean?.videoInfo?.shortPlayVideoId ??
+                    widget.dramaBean.shortPlayVideoId,
+              ),
               detailBean: _detailBean,
               dramaBean: widget.dramaBean,
+              currentEpisode: _selectedEpisode?.episode,
+              onSelectedEpisode: _onSelectedEpisode,
             ),
           ),
 
         Positioned(
-          top: AppScreen.statusBarHeight + 5, left: 0, right: 0,
+          top: AppScreen.statusBarHeight + 5,
+          left: 0,
+          right: 0,
           child: _headerWidget(),
-        )
+        ),
       ],
     );
   }
@@ -88,14 +109,18 @@ class _DramaDetailPageState extends State<DramaDetailPage> {
             icon: HelpImg.asset(ConstImg.back, width: 32),
             onPressed: () => HelpNav.back(),
           ),
-          Expanded(child: SkyText(text: widget.dramaBean.name, color: Colors.white, fontSize: 16,
-            textAlign: TextAlign.center,
-            fontWeight: FontWeight.bold,
-          )),
-          SizedBox(width: 40,)
+          Expanded(
+            child: SkyText(
+              text: widget.dramaBean.name,
+              color: Colors.white,
+              fontSize: 16,
+              textAlign: TextAlign.center,
+              fontWeight: FontWeight.bold,
+            ),
+          ),
+          SizedBox(width: 40),
         ],
       ),
     );
   }
-
-}
+}

lib/pages/home/players/page/drama_esp_page.dart

@@ -6,7 +6,8 @@ import 'package:skywood/utils/models/drama/skywood_episode.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
 
 class DramaEspPage extends StatefulWidget {
-  const DramaEspPage({super.key,
+  const DramaEspPage({
+    super.key,
     required this.detail,
     this.currentEpisode,
     this.onSelectedEpisode,
@@ -14,7 +15,7 @@ class DramaEspPage extends StatefulWidget {
 
   final SkywoodDetail detail;
   final int? currentEpisode;
-  final Function(int)? onSelectedEpisode;
+  final ValueChanged<SkywoodEpisode>? onSelectedEpisode;
 
   @override
   State<StatefulWidget> createState() {
@@ -184,10 +185,11 @@ class _DramaEspPageState extends State<DramaEspPage> {
     return GestureDetector(
       behavior: HitTestBehavior.opaque,
       onTap: () {
+        if (_selectedEpisode == episode.episode) return;
         setState(() {
           _selectedEpisode = episode.episode;
         });
-        widget.onSelectedEpisode?.call(_selectedEpisode);
+        widget.onSelectedEpisode?.call(episode);
       },
       child: Container(
         alignment: Alignment.center,

lib/pages/home/players/widget/sky_player_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:skywood/global/client/event_client.dart';
 import 'package:skywood/global/client/play_client.dart';
 import 'package:skywood/main/lib_file.dart';
 import 'package:skywood/pages/home/players/page/drama_esp_page.dart';
@@ -15,6 +16,7 @@ class SkyPlayerView extends StatefulWidget {
   final SkywoodDetail? detailBean;
   final SkywoodDrama dramaBean;
   final int? currentEpisode;
+  final ValueChanged<SkywoodEpisode>? onSelectedEpisode;
 
   const SkyPlayerView({
     super.key,
@@ -23,6 +25,7 @@ class SkyPlayerView extends StatefulWidget {
     this.detailBean,
     required this.dramaBean,
     this.currentEpisode,
+    this.onSelectedEpisode,
   });
 
   @override
@@ -40,6 +43,8 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
   Duration _totalDuration = Duration.zero;
   bool _isLiked = false;
   SkywoodEpisode? _currentEpisode;
+  // 是否已经上报his
+  bool _isReportedHis = false;
 
   @override
   void initState() {
@@ -47,14 +52,15 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
     _initializePlayer();
   }
 
-  // @override
-  // void didUpdateWidget(SkyPlayerView oldWidget) {
-  //   super.didUpdateWidget(oldWidget);
-  //   if (oldWidget.videoUrl != widget.videoUrl) {
-  //     _disposeController();
-  //     _initializePlayer();
-  //   }
-  // }
+  @override
+  void didUpdateWidget(SkyPlayerView oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.detailBean != widget.detailBean ||
+        oldWidget.currentEpisode != widget.currentEpisode) {
+      _disposeController();
+      _initializePlayer();
+    }
+  }
 
   Future<void> _initializePlayer() async {
     setState(() {
@@ -66,18 +72,10 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
       _isLiked = widget.dramaBean.isCollect ?? false;
     });
 
-    int _esp = widget.currentEpisode ?? 0;
-    String videoUrl = '';
-    if (widget.detailBean != null) {
-      if (widget.detailBean!.episodeList.isNotEmpty) {
-        videoUrl = widget.detailBean!.episodeList[_esp].videoUrl;
-        _currentEpisode = widget.detailBean!.episodeList[_esp];
-      }
-    }
+    _currentEpisode = _resolveCurrentEpisode();
+    String videoUrl = _currentEpisode?.videoUrl ?? '';
 
-    final controller = VideoPlayerController.networkUrl(
-      Uri.parse(videoUrl),
-    );
+    final controller = VideoPlayerController.networkUrl(Uri.parse(videoUrl));
     _controller = controller;
     _controllerCreated = true;
     controller.addListener(_handlePlayerValueChanged);
@@ -104,6 +102,17 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
   void _handlePlayerValueChanged() {
     if (!mounted || !_controllerCreated) return;
     _syncPlayerValue();
+
+    final videoController = _controller;
+    final position = videoController.value.position;
+    final duration = videoController.value.duration;
+    if (_isPlaying && !_isReportedHis && position.inSeconds > 1) {
+      _isReportedHis = true;
+      EventClient.eventCreateHis(
+          shortPlayId: _currentEpisode!.shortPlayId.toString(),
+          videoId: _currentEpisode!.shortPlayVideoId.toString(),
+      );
+    }
   }
 
   void _syncPlayerValue() {
@@ -194,9 +203,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
   Widget _buildLoadingView() {
     return Container(
       color: Colors.black,
-      child: Center(
-        child: HelpImg.asset(ConstImg.loading, width: 110),
-      ),
+      child: Center(child: HelpImg.asset(ConstImg.loading, width: 110)),
     );
   }
 
@@ -223,17 +230,39 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
     }
   }
 
+  SkywoodEpisode? _resolveCurrentEpisode() {
+    final detail = widget.detailBean;
+    if (detail == null || detail.episodeList.isEmpty) return null;
+
+    final int? episode =
+        widget.currentEpisode ??
+        detail.videoInfo?.episode ??
+        detail.videoInfo?.currentEpisode ??
+        detail.shortPlayInfo?.episode ??
+        detail.shortPlayInfo?.currentEpisode;
+
+    if (episode != null && episode > 0) {
+      for (final item in detail.episodeList) {
+        if (item.episode == episode) return item;
+      }
+    }
+
+    return detail.episodeList.first;
+  }
+
   void _collectionDrama() {
     if (_currentEpisode == null) return;
     if (_isLiked) {
-      PlayClient.cancelCollect(shortPlayId: _currentEpisode!.shortPlayId).then((value) {
+      PlayClient.cancelCollect(shortPlayId: _currentEpisode!.shortPlayId).then((
+        value,
+      ) {
         setState(() {
           _isLiked = value;
         });
       });
     } else {
       PlayClient.collect(
-          shortPlayId: _currentEpisode!.shortPlayId,
+        shortPlayId: _currentEpisode!.shortPlayId,
         videoId: _currentEpisode!.shortPlayVideoId,
       ).then((value) {
         setState(() {
@@ -257,8 +286,9 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
           InkWell(
             onTap: () => _collectionDrama(),
             child: HelpImg.asset(
-                _isLiked ? ConstImg.liked : ConstImg.unlike,
-                width: 40, height: 40
+              _isLiked ? ConstImg.liked : ConstImg.unlike,
+              width: 40,
+              height: 40,
             ),
           ),
           const SizedBox(height: 24),
@@ -282,7 +312,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
                       color: Colors.white,
                     ),
                     SkyText(
-                      text: ' / EP.${detail.episodeList.length}',
+                      text: ' / EP.$totalEpisode',
                       fontSize: 13,
                       color: Colors.white.withAlpha(126),
                     ),
@@ -293,9 +323,6 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
             ),
           ).addInkWell(
             onTap: () {
-              // HelpNav.showBottom(
-              //   DramaEspPage(detail: detail, currentEpisode: currentEpisode),
-              // );
               showModalBottomSheet(
                 context: context,
                 isScrollControlled: true,
@@ -307,12 +334,8 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
                       detail: detail,
                       currentEpisode: currentEpisode,
                       onSelectedEpisode: (episode) {
-
-                        if (widget.detailBean != null) {
-                          if (widget.detailBean!.episodeList.isNotEmpty) {
-                            _currentEpisode = widget.detailBean!.episodeList[episode];
-                          }
-                        }
+                        Navigator.pop(context);
+                        widget.onSelectedEpisode?.call(episode);
                       },
                     ),
                   );
@@ -361,9 +384,7 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
       child: SliderTheme(
         data: SliderThemeData(
           trackHeight: 3, // ✅ 进度条高度 3
-          thumbShape: _ImageThumbShape(
-            imagePath: ConstImg.playTag
-          ),
+          thumbShape: _ImageThumbShape(imagePath: ConstImg.playTag),
           overlayShape: const RoundSliderOverlayShape(overlayRadius: 3),
           activeTrackColor: Colors.white, // ✅ 已播放 = 白色
           inactiveTrackColor: Colors.white.withAlpha(126), // ✅ 未播放 = 灰色
@@ -404,6 +425,10 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
   }
 
   int _getCurrentEpisode(SkywoodDetail detail) {
+    if (_currentEpisode?.episode != null && _currentEpisode!.episode > 0) {
+      return _currentEpisode!.episode;
+    }
+
     final int? episode =
         detail.videoInfo?.episode ??
         detail.videoInfo?.currentEpisode ??
@@ -419,18 +444,11 @@ class _VideoPlayerWidgetState extends State<SkyPlayerView> {
   }
 }
 
-
-
-
-
 class _ImageThumbShape extends SliderComponentShape {
   final String imagePath;
-  final double imageSize;
+  final double imageSize = 16;
 
-  const _ImageThumbShape({
-    required this.imagePath,
-    this.imageSize = 16,
-  });
+  const _ImageThumbShape({required this.imagePath});
 
   @override
   Size getPreferredSize(bool isEnabled, bool isDiscrete) {
@@ -439,19 +457,19 @@ class _ImageThumbShape extends SliderComponentShape {
 
   @override
   void paint(
-      PaintingContext context,
-      Offset center, {
-        required Animation<double> activationAnimation,
-        required Animation<double> enableAnimation,
-        required bool isDiscrete,
-        required TextPainter labelPainter,
-        required RenderBox parentBox,
-        required SliderThemeData sliderTheme,
-        required TextDirection textDirection,
-        required double value,
-        required double textScaleFactor,
-        required Size sizeWithOverflow,
-      }) {
+    PaintingContext context,
+    Offset center, {
+    required Animation<double> activationAnimation,
+    required Animation<double> enableAnimation,
+    required bool isDiscrete,
+    required TextPainter labelPainter,
+    required RenderBox parentBox,
+    required SliderThemeData sliderTheme,
+    required TextDirection textDirection,
+    required double value,
+    required double textScaleFactor,
+    required Size sizeWithOverflow,
+  }) {
     // 🔥 使用 Image 直接渲染图片
     final imageWidget = Image.asset(
       imagePath,
@@ -464,29 +482,34 @@ class _ImageThumbShape extends SliderComponentShape {
     final stream = image.resolve(ImageConfiguration());
 
     // 添加监听器，但只在图片加载完成后绘制
-    stream.addListener(ImageStreamListener((imageInfo, _) {
-      final rect = Rect.fromCenter(
-        center: center,
-        width: imageSize,
-        height: imageSize,
-      );
-      context.canvas.drawImageRect(
-        imageInfo.image,
-        Rect.fromLTWH(
-          0,
-          0,
-          imageInfo.image.width.toDouble(),
-          imageInfo.image.height.toDouble(),
-        ),
-        rect,
-        Paint(),
-      );
-    }, onError: (error, stackTrace) {
-      // 🔥 如果图片加载失败，绘制一个默认圆点
-      final paint = Paint()
-        ..color = Colors.white
-        ..style = PaintingStyle.fill;
-      context.canvas.drawCircle(center, imageSize / 2, paint);
-    }));
+    stream.addListener(
+      ImageStreamListener(
+        (imageInfo, _) {
+          final rect = Rect.fromCenter(
+            center: center,
+            width: imageSize,
+            height: imageSize,
+          );
+          context.canvas.drawImageRect(
+            imageInfo.image,
+            Rect.fromLTWH(
+              0,
+              0,
+              imageInfo.image.width.toDouble(),
+              imageInfo.image.height.toDouble(),
+            ),
+            rect,
+            Paint(),
+          );
+        },
+        onError: (error, stackTrace) {
+          // 🔥 如果图片加载失败，绘制一个默认圆点
+          final paint = Paint()
+            ..color = Colors.white
+            ..style = PaintingStyle.fill;
+          context.canvas.drawCircle(center, imageSize / 2, paint);
+        },
+      ),
+    );
   }
-}
+}

lib/pages/like/like_page.dart

@@ -6,6 +6,7 @@ import 'package:skywood/pages/like/widget/like_header.dart';
 import 'package:skywood/pages/widgets/common_bg_page.dart';
 import 'package:skywood/pages/widgets/pixel_widgets.dart';
 import 'package:skywood/utils/extend/app_keep_alive.dart';
+import 'package:skywood/utils/tools/app_sp.dart';
 
 class LikePage extends StatefulWidget {
   const LikePage({super.key});
@@ -17,17 +18,21 @@ class LikePage extends StatefulWidget {
 }
 
 class _MainRootState extends State<LikePage> {
-  int _tabIndex = 0;
-  final _pageController = PageController(initialPage: 0);
+  PageController _pageController = PageController(initialPage: 0);
+  int _currentIndex = 0;
+  static const String _keyIndex = 'LIKE_PAGE_INDEX';
 
-  final List<String> _collectionTitles = const [
-    'Undercover Play',
-    "Don't Cross Me",
-    'Two Worlds Apart',
-    'Rekindled Scorn',
-    'My Revenge is You',
-    "Mr. Gu's Sweet Weakness",
-  ];
+  @override
+  void initState() {
+    super.initState();
+    _loadInitIndex();
+
+
+  }
+
+  _loadInitIndex() async {
+
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -35,7 +40,10 @@ class _MainRootState extends State<LikePage> {
       child: SafeArea(
           bottom: false,
           child: Padding(
-            padding: EdgeInsets.only(left: 15.w, right: 15.w, top: 20.h, bottom: 10.h+50.h),
+            padding: EdgeInsets.only(left: 15.w, right: 15.w,
+                top: AppScreen.isIos ? 0 : 20.h,
+                bottom: (AppScreen.isIos ? 30.h : 10.h)+50.h
+            ),
             child: Stack(
               children: [
                 HelpImg.asset(ConstImg.likeBg, width: AppScreen.screenWidth - 30.w, height: 700.h,
@@ -48,8 +56,10 @@ class _MainRootState extends State<LikePage> {
                       Padding(
                         padding: const EdgeInsets.only(left: 10, top: 10),
                         child: LikeHeader(
+                          initIndex: _currentIndex,
                           onSelectedIndex: (index) {
                             _pageController.jumpToPage(index);
+                            _currentIndex = index;
                           },
                         ),
                       ),
@@ -58,8 +68,10 @@ class _MainRootState extends State<LikePage> {
                         child: PageView(
                           controller: _pageController,
                           children: [
-                            AppKeepAlive(child: CollectionPage()),
-                            AppKeepAlive(child: PlayLogPage())
+                            CollectionPage(),
+                            PlayLogPage()
+                            // AppKeepAlive(child: CollectionPage()),
+                            // AppKeepAlive(child: PlayLogPage())
                           ],
                         ),
                       )
@@ -71,315 +83,5 @@ class _MainRootState extends State<LikePage> {
           )),
     );
   }
-
-  Widget _buildTabs() {
-    return Row(
-      children: [
-        Expanded(
-          child: _LibraryTab(
-            title: 'My Collection',
-            selected: _tabIndex == 0,
-            onTap: () => setState(() => _tabIndex = 0),
-          ),
-        ),
-        SizedBox(width: 8.w),
-        Expanded(
-          child: _LibraryTab(
-            title: 'Play Log',
-            selected: _tabIndex == 1,
-            onTap: () => setState(() => _tabIndex = 1),
-          ),
-        ),
-      ],
-    );
-  }
-
-  Widget _buildCollection() {
-    return GridView.builder(
-      key: const ValueKey('collection'),
-      padding: EdgeInsets.only(top: 2.h, bottom: 120.h),
-      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
-        crossAxisCount: 3,
-        mainAxisSpacing: 10.h,
-        crossAxisSpacing: 7.w,
-        childAspectRatio: 100 / 174,
-      ),
-      itemCount: _collectionTitles.length,
-      itemBuilder: (context, index) {
-        return _CollectionCard(title: _collectionTitles[index]);
-      },
-    );
-  }
-
-  Widget _buildPlayLog() {
-    return ListView(
-      key: const ValueKey('play-log'),
-      padding: EdgeInsets.only(bottom: 120.h),
-      children: [
-        _ContinueCard(),
-        SizedBox(height: 18.h),
-        Text(
-          'Watch History',
-          style: TextStyle(
-            color: const Color(0xFF1C1E1F),
-            fontSize: 16.sp,
-            fontWeight: FontWeight.w700,
-            height: 1,
-          ),
-        ),
-        SizedBox(height: 10.h),
-        _HistoryItem(title: 'As A Mafia Boss, I Refuse To Be An Extra'),
-        SizedBox(height: 10.h),
-        _HistoryItem(title: 'Fatal Vengeance'),
-        SizedBox(height: 10.h),
-        _HistoryItem(title: "Don't Cross Me"),
-      ],
-    );
-  }
 }
 
-class _LibraryTab extends StatelessWidget {
-  const _LibraryTab({
-    required this.title,
-    required this.selected,
-    required this.onTap,
-  });
-
-  final String title;
-  final bool selected;
-  final VoidCallback onTap;
-
-  @override
-  Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: onTap,
-      child: Container(
-        height: 45.h,
-        alignment: Alignment.center,
-        decoration: BoxDecoration(
-          color: selected ? const Color(0xFF16ED1E) : const Color(0xFFF6F6F6),
-          border: Border.all(
-            color: selected ? CommonColor.black : const Color(0xFFD6D6D6),
-            width: 1.5.w,
-          ),
-          boxShadow: selected
-              ? const [
-                  BoxShadow(color: Color(0xFF1C1E1F), offset: Offset(2, 2)),
-                ]
-              : null,
-        ),
-        child: Text(
-          title,
-          style: TextStyle(
-            color: selected ? Colors.white : const Color(0xFFB2B2B2),
-            fontSize: 14.sp,
-            fontWeight: FontWeight.w900,
-            height: 1,
-            shadows: selected
-                ? const [Shadow(color: Color(0xFF1C1E1F), offset: Offset(1, 1))]
-                : null,
-          ),
-        ),
-      ),
-    );
-  }
-}
-
-class _CollectionCard extends StatelessWidget {
-  const _CollectionCard({required this.title});
-
-  final String title;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.fromLTRB(4.w, 8.h, 4.w, 6.h),
-      decoration: BoxDecoration(
-        color: const Color(0xFFF4FFB6),
-        border: Border.all(color: const Color(0xFF1C1E1F), width: 1.w),
-        boxShadow: const [
-          BoxShadow(color: Color(0xFF653CFA), offset: Offset(3, 3)),
-        ],
-      ),
-      child: Column(
-        children: [
-          Row(
-            children: List.generate(4, (index) {
-              return Container(
-                width: 11.w,
-                height: 6.h,
-                margin: EdgeInsets.only(right: 5.w),
-                decoration: BoxDecoration(
-                  color: index == 3
-                      ? const Color(0xFFEAEAEA)
-                      : const Color(0xFF96FE9B),
-                  border: Border.all(
-                    color: const Color(0xFF1C1E1F),
-                    width: 0.8.w,
-                  ),
-                ),
-              );
-            }),
-          ),
-          SizedBox(height: 8.h),
-          const Expanded(child: PosterImage()),
-          SizedBox(height: 8.h),
-          Text(
-            title,
-            maxLines: 1,
-            overflow: TextOverflow.ellipsis,
-            style: TextStyle(
-              color: const Color(0xFF1C1E1F),
-              fontSize: 13.sp,
-              fontWeight: FontWeight.w500,
-              height: 1,
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class _ContinueCard extends StatelessWidget {
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      height: 140.h,
-      padding: EdgeInsets.all(10.w),
-      decoration: BoxDecoration(
-        color: const Color(0xFFEAE6FF),
-        border: Border.all(color: const Color(0xFF1C1E1F), width: 1.w),
-      ),
-      child: Row(
-        children: [
-          const PosterImage(width: 90, height: 120, borderRadius: 2),
-          SizedBox(width: 10.w),
-          Expanded(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Text(
-                  'Mogul And His Runaway Bride',
-                  maxLines: 2,
-                  overflow: TextOverflow.ellipsis,
-                  style: TextStyle(
-                    color: const Color(0xFF1B1926),
-                    fontSize: 14.sp,
-                    fontWeight: FontWeight.w600,
-                    height: 1.25,
-                  ),
-                ),
-                SizedBox(height: 18.h),
-                Text(
-                  'Chapter 10 / 28',
-                  style: TextStyle(
-                    color: CommonColor.primacyColor,
-                    fontSize: 11.sp,
-                    height: 1,
-                  ),
-                ),
-                SizedBox(height: 6.h),
-                _ProgressLine(value: 0.46),
-                const Spacer(),
-                const PixelButton(
-                  label: 'Continue Watch',
-                  width: 145,
-                  height: 29,
-                ),
-              ],
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class _HistoryItem extends StatelessWidget {
-  const _HistoryItem({required this.title});
-
-  final String title;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      height: 100.h,
-      padding: EdgeInsets.symmetric(horizontal: 10.w, vertical: 6.h),
-      decoration: BoxDecoration(
-        color: const Color(0xFFEAE6FF),
-        border: Border.all(color: const Color(0xFF1C1E1F), width: 1.w),
-      ),
-      child: Row(
-        children: [
-          const PosterImage(width: 66, height: 88, borderRadius: 2),
-          SizedBox(width: 10.w),
-          Expanded(
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Text(
-                  title,
-                  maxLines: 2,
-                  overflow: TextOverflow.ellipsis,
-                  style: TextStyle(
-                    color: CommonColor.black,
-                    fontSize: 13.sp,
-                    fontWeight: FontWeight.w600,
-                    height: 1.2,
-                  ),
-                ),
-                Text(
-                  'EP.40/85',
-                  style: TextStyle(
-                    color: CommonColor.primacyColor,
-                    fontSize: 11.sp,
-                    height: 1,
-                  ),
-                ),
-                _ProgressLine(value: 0.46),
-              ],
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class _ProgressLine extends StatelessWidget {
-  const _ProgressLine({required this.value});
-
-  final double value;
-
-  @override
-  Widget build(BuildContext context) {
-    return Row(
-      children: [
-        Expanded(
-          child: Container(
-            height: 6.h,
-            decoration: BoxDecoration(
-              color: Colors.white.withValues(alpha: 0.7),
-              border: Border.all(color: const Color(0xFF1C1E1F), width: 0.5.w),
-              borderRadius: BorderRadius.circular(10.r),
-            ),
-            alignment: Alignment.centerLeft,
-            child: FractionallySizedBox(
-              widthFactor: value,
-              child: Container(
-                decoration: BoxDecoration(
-                  color: const Color(0xFF00EE02),
-                  borderRadius: BorderRadius.circular(10.r),
-                ),
-              ),
-            ),
-          ),
-        ),
-        SizedBox(width: 4.w),
-        Text('46%', style: TextStyle(fontSize: 10.sp, height: 1)),
-      ],
-    );
-  }
-}

lib/pages/like/pages/collection_page.dart

@@ -2,7 +2,9 @@ import 'package:flutter/material.dart';
 import 'package:skywood/global/client/play_client.dart';
 import 'package:skywood/main/lib_file.dart';
 import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
+import 'package:skywood/pages/like/widget/no_data_view.dart';
 import 'package:skywood/utils/models/drama/skywood_drama.dart';
+import 'package:skywood/utils/tools/app_toast.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
 
 class CollectionPage extends StatefulWidget {
@@ -18,6 +20,7 @@ class CollectionPage extends StatefulWidget {
 class _CollectionPageState extends State<CollectionPage> {
 
   List<SkywoodDrama> _collectionList = [];
+  bool _isLoading = false;
 
   @override
   void initState() {
@@ -26,7 +29,12 @@ class _CollectionPageState extends State<CollectionPage> {
   }
 
   void _getCollection() {
+    _isLoading = true;
+    AppToast.showLottieLoading();
     PlayClient.getCollections().then((value) {
+      _isLoading = false;
+      AppToast.dismiss();
+      if (!mounted) return;
       setState(() {
         _collectionList = value;
       });
@@ -35,7 +43,7 @@ class _CollectionPageState extends State<CollectionPage> {
 
   @override
   Widget build(BuildContext context) {
-    return GridView.builder(
+    return !_isLoading&&_collectionList.isEmpty ? NoDataView() : GridView.builder(
       padding: EdgeInsets.symmetric(horizontal: 5.w, vertical: 10.h),
       gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
         crossAxisCount: 3,

lib/pages/like/pages/play_log_page.dart

@@ -1,8 +1,13 @@
 import 'package:flutter/material.dart';
 import 'package:skywood/global/client/play_client.dart';
 import 'package:skywood/main/lib_file.dart';
+import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
+import 'package:skywood/utils/models/drama/skywood_drama.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
 
+import '../../../utils/tools/app_toast.dart';
+import '../widget/no_data_view.dart';
+
 class PlayLogPage extends StatefulWidget {
 
   const PlayLogPage({super.key});
@@ -15,6 +20,9 @@ class PlayLogPage extends StatefulWidget {
 
 class _CollectionPageState extends State<PlayLogPage> {
 
+  List<SkywoodDrama> _historyList = [];
+  bool _isLoading = false;
+
   @override
   void initState() {
     super.initState();
@@ -22,16 +30,25 @@ class _CollectionPageState extends State<PlayLogPage> {
   }
 
   void _getHistory() {
-    PlayClient.getHistory().then((value) {});
+    _isLoading = true;
+    AppToast.showLottieLoading();
+    PlayClient.getHistory().then((value) {
+      _isLoading = false;
+      AppToast.dismiss();
+      setState(() {
+        _historyList = value;
+      });
+    });
   }
 
   @override
   Widget build(BuildContext context) {
-    return ListView.separated(
+    return !_isLoading&&_historyList.isEmpty ? NoDataView() : ListView.separated(
       padding: const EdgeInsets.only(top: 20, left: 12, right: 12),
-      itemCount: 5,
+      itemCount: _historyList.length,
       itemBuilder: (context, index) {
-        return index == 0 ? _buildFirstItem() : _buildNormalItem();
+        final item = _historyList[index];
+        return index == 0 ? _buildFirstItem(item) : _buildNormalItem(item);
       },
       separatorBuilder: (context, index) {
         return SizedBox(height: 5);
@@ -39,25 +56,103 @@ class _CollectionPageState extends State<PlayLogPage> {
     );
   }
 
-  Widget _buildNormalItem() {
+  Widget _buildNormalItem(SkywoodDrama item) {
     return Stack(
       children: [
-        HelpImg.asset(ConstImg.playlogBg, width: double.infinity, height: 90, fit: BoxFit.fill),
-        _ProgressLine(value: 0.2)
+        HelpImg.asset(ConstImg.playlogBg, width: double.infinity, height: 100, fit: BoxFit.fill),
+        Positioned(
+          left: 10, top: 5, right: 5, bottom: 5,
+          child: Row(
+            children: [
+              HelpImg.network(item.imageUrl, width: 66, height: 88, fit: BoxFit.fill),
+              const SizedBox(width: 10),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const SizedBox(height: 6),
+                  Expanded(child: SizedBox(
+                    width: 192.w,
+                    child: SkyText(text: item.name,
+                      fontSize: 14,
+                      fontWeight: FontWeight.bold,
+                      color: CommonColor.black,
+                      maxLines: 2,
+                    ),
+                  )),
+                  SkyText(text: 'EP.${item.currentEpisode} / ${item.episodeTotal}',
+                    fontSize: 11,
+                    color: CommonColor.primacyColor,
+                  ),
+                  const SizedBox(height: 5),
+                  _ProgressLine(value: (item.currentEpisode ?? 1) / item.episodeTotal, width: 150,),
+                  const SizedBox(height: 10),
+                ],
+              )
+            ],
+          ),
+        )
+      ],
+    ).addInkWell(onTap: () {
+      HelpNav.to(DramaDetailPage(dramaBean: item));
+    });
+  }
+
+  Widget _buildFirstItem(SkywoodDrama item) {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        _buildFirstCard(item),
+        const SizedBox(height: 20),
+        if (_historyList.length > 1)
+          SkyText(text: 'Watch History',
+            color: CommonColor.black,
+            fontSize: 16,
+            fontWeight: FontWeight.bold,
+          )
       ],
     );
   }
 
-  Widget _buildFirstItem() {
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
+  Widget _buildFirstCard(SkywoodDrama item) {
+    return Stack(
       children: [
-        HelpImg.asset(ConstImg.playlogBg, width: double.infinity, height: 140, fit: BoxFit.fill),
-        const SizedBox(height: 20),
-        SkyText(text: 'Watch History',
-          color: CommonColor.black,
-          fontSize: 16,
-          fontWeight: FontWeight.bold,
+        HelpImg.asset(ConstImg.playlogBg, width: 297.w, height: 140, fit: BoxFit.fill),
+        Positioned(
+          left: 10, top: 5, right: 5, bottom: 5,
+          child: Row(
+            children: [
+              HelpImg.network(item.imageUrl, width: 90, height: 120, fit: BoxFit.fill),
+              const SizedBox(width: 10),
+              Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: [
+                  const SizedBox(height: 6),
+                  Expanded(child: SizedBox(
+                    width: 170.w,
+                    child: SkyText(text: item.name,
+                      fontSize: 14,
+                      fontWeight: FontWeight.bold,
+                      color: CommonColor.black,
+                      maxLines: 2,
+                    ),
+                  )),
+                  SkyText(text: 'Chapter ${item.currentEpisode} / ${item.episodeTotal}',
+                    fontSize: 11,
+                    color: CommonColor.primacyColor,
+                  ),
+                  const SizedBox(height: 5),
+                  _ProgressLine(value: (item.currentEpisode ?? 1) / item.episodeTotal, width: 150,),
+                  const SizedBox(height: 10),
+                  HelpImg.asset(ConstImg.continueWatch, width: 144, height: 30).addInkWell(
+                    onTap: () {
+                      HelpNav.to(DramaDetailPage(dramaBean: item));
+                    }
+                  ),
+                  const SizedBox(height: 8),
+                ],
+              )
+            ],
+          ),
         )
       ],
     );
@@ -67,37 +162,44 @@ class _CollectionPageState extends State<PlayLogPage> {
 
 
 class _ProgressLine extends StatelessWidget {
-  const _ProgressLine({required this.value});
+  const _ProgressLine({
+    required this.value,
+    this.width = 140,
+  });
 
   final double value;
+  final double width;
 
   @override
   Widget build(BuildContext context) {
-    return Row(
-      children: [
-        Expanded(
-          child: Container(
-            height: 6.h,
-            decoration: BoxDecoration(
-              color: Colors.white.withValues(alpha: 0.7),
-              border: Border.all(color: const Color(0xFF1C1E1F), width: 0.5.w),
-              borderRadius: BorderRadius.circular(10.r),
-            ),
-            alignment: Alignment.centerLeft,
-            child: FractionallySizedBox(
-              widthFactor: value,
-              child: Container(
-                decoration: BoxDecoration(
-                  color: const Color(0xFF00EE02),
-                  borderRadius: BorderRadius.circular(10.r),
+    return SizedBox(
+      width: width,
+      child: Row(
+        children: [
+          Expanded(
+            child: Container(
+              height: 6.h,
+              decoration: BoxDecoration(
+                color: Colors.white.withValues(alpha: 0.7),
+                border: Border.all(color: const Color(0xFF1C1E1F), width: 0.5.w),
+                borderRadius: BorderRadius.circular(10.r),
+              ),
+              alignment: Alignment.centerLeft,
+              child: FractionallySizedBox(
+                widthFactor: value,
+                child: Container(
+                  decoration: BoxDecoration(
+                    color: const Color(0xFF00EE02),
+                    borderRadius: BorderRadius.circular(10.r),
+                  ),
                 ),
               ),
             ),
           ),
-        ),
-        SizedBox(width: 4.w),
-        Text('${(value * 100.0).toInt()}%', style: TextStyle(fontSize: 10.sp, height: 1)),
-      ],
+          SizedBox(width: 4.w),
+          Text('${(value * 100.0).toInt()}%', style: TextStyle(fontSize: 10.sp, height: 1)),
+        ],
+      ),
     );
   }
 }

lib/pages/like/widget/like_header.dart

@@ -6,9 +6,11 @@ class LikeHeader extends StatefulWidget {
 
   const LikeHeader({super.key,
     required this.onSelectedIndex,
+    required this.initIndex,
   });
 
   final Function(int) onSelectedIndex;
+  final int initIndex;
 
   @override
   State<StatefulWidget> createState() {
@@ -20,6 +22,18 @@ class _LikeHeaderState extends State<LikeHeader> {
 
   int _selectedIndex = 0;
 
+  @override
+  void initState() {
+    super.initState();
+
+    if (widget.initIndex != 0) {
+      if (!mounted) return;
+      setState(() {
+        _selectedIndex = widget.initIndex;
+      });
+    }
+  }
+
   @override
   Widget build(BuildContext context) {
     return SizedBox(

lib/pages/like/widget/no_data_view.dart

@@ -0,0 +1,96 @@
+import 'package:flutter/material.dart';
+import 'package:skywood/main/lib_file.dart';
+import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
+
+class NoDataView extends StatelessWidget {
+
+  const NoDataView({super.key,
+    this.title = 'No Data',
+    // 'Nothing here yet.\nCome back later for more fun!',
+    // Something went wrong.\nPlease try again.
+    this.subtitle = 'Nothing here yet.\nCome back later for more fun!',
+    this.btnText = 'RETRY',
+    this.imgName,
+    this.onTap,
+  });
+
+  final String title;
+  final String subtitle;
+  final String btnText;
+  final String? imgName;
+  final VoidCallback? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          const SizedBox(height: 100),
+          HelpImg.asset(ConstImg.nodataImg, width: 136),
+          const SizedBox(height: 14),
+          _customText(title),
+          const SizedBox(height: 10),
+          SkyText(text: subtitle, maxLines: 2,
+            fontSize: 14,
+            color: CommonColor.black,
+            textAlign: TextAlign.center,
+          ),
+          const SizedBox(height: 14),
+
+          if (onTap != null)
+            InkWell(
+              onTap: onTap,
+              child: Stack(
+                children: [
+                  HelpImg.asset(imgName ?? ConstImg.btnBg, width: 140, height: 46, fit: BoxFit.fill,),
+                  Positioned.fill(
+                    child: Center(
+                      child: SkyText(text: btnText, color: Colors.white),
+                    ),
+                  )
+                ],
+              )
+            )
+        ],
+      ),
+    );
+  }
+
+  _customText(String text) {
+    return Text(
+      text,
+      textAlign: TextAlign.center,
+      style: TextStyle(
+        fontSize: 16,
+        color: Colors.white, // 内部字体白色
+        fontStyle: FontStyle.italic,
+        fontFamily: 'Inter',
+        fontWeight: FontWeight.w600,
+        shadows: [
+          Shadow(
+            color: Colors.black, // 描边颜色
+            offset: Offset(1, 1), // 偏移量
+            blurRadius: 0, // 不模糊，形成硬边描边
+          ),
+          Shadow(
+            color: Colors.black,
+            offset: Offset(-1, -1),
+            blurRadius: 0,
+          ),
+          Shadow(
+            color: Colors.black,
+            offset: Offset(1, -1),
+            blurRadius: 0,
+          ),
+          Shadow(
+            color: Colors.black,
+            offset: Offset(-1, 1),
+            blurRadius: 0,
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/pages/mine/mine_page.dart

@@ -4,6 +4,7 @@ import 'package:skywood/global/client/user_client.dart';
 import 'package:skywood/global/request/api_const.dart';
 import 'package:skywood/main/lib_file.dart';
 import 'package:skywood/pages/mine/page/about_us_page.dart';
+import 'package:skywood/pages/mine/page/mine_collection_page.dart';
 import 'package:skywood/pages/mine/page/sky_web_page.dart';
 import 'package:skywood/pages/mine/widget/mine_section_view.dart';
 import 'package:skywood/pages/widgets/pixel_widgets.dart';
@@ -28,6 +29,12 @@ class _MainRootState extends State<MinePage> {
 
   List<Widget> _buildSections() {
     final menuData = [
+      {
+        'title': 'Collection', 'img': ConstImg.collection,
+        'action': () {
+          HelpNav.to(MineCollectionPage());
+        }
+      },
       {
         'title': 'Privacy Policy', 'img': ConstImg.minePp,
         'action': () {
@@ -168,10 +175,11 @@ class _MainRootState extends State<MinePage> {
           child: Column(
             children: [
               HelpImg.asset(imgName, width: _w/2.0),
-              SkyText(text: title, fontSize: 9, color: Colors.white,
+              const SizedBox(height: 2),
+              SkyText(text: title, fontSize: 9.w, color: Colors.white,
                 maxLines: 2,
                 textAlign: TextAlign.center,
-              ),
+              )
             ],
           ),
         )
@@ -181,70 +189,3 @@ class _MainRootState extends State<MinePage> {
 }
 
 
-class _MenuTile extends StatelessWidget {
-  const _MenuTile({required this.item});
-
-  final _MenuItem item;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      padding: EdgeInsets.fromLTRB(4.w, 4.h, 4.w, 6.h),
-      decoration: BoxDecoration(
-        color: const Color(0xFF8D62F7),
-        border: Border.all(color: CommonColor.black, width: 1.w),
-        boxShadow: const [
-          BoxShadow(color: Color(0xFF1C1E1F), offset: Offset(2, 2)),
-        ],
-      ),
-      child: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          Icon(item.icon, color: Colors.white, size: 25.w),
-          SizedBox(height: 5.h),
-          Text(
-            item.label,
-            maxLines: 1,
-            overflow: TextOverflow.ellipsis,
-            style: TextStyle(
-              color: Colors.white,
-              fontSize: 8.sp,
-              fontWeight: FontWeight.w700,
-              height: 1,
-            ),
-          ),
-        ],
-      ),
-    );
-  }
-}
-
-class _DecorIcon extends StatelessWidget {
-  const _DecorIcon({required this.icon, required this.color});
-
-  final IconData icon;
-  final Color color;
-
-  @override
-  Widget build(BuildContext context) {
-    return Container(
-      width: 50.w,
-      height: 50.w,
-      decoration: BoxDecoration(
-        color: Colors.white,
-        border: Border.all(color: CommonColor.black, width: 1.w),
-        boxShadow: const [
-          BoxShadow(color: Color(0xFF1C1E1F), offset: Offset(2, 2)),
-        ],
-      ),
-      child: Icon(icon, color: color, size: 32.w),
-    );
-  }
-}
-
-class _MenuItem {
-  const _MenuItem(this.label, this.icon);
-
-  final String label;
-  final IconData icon;
-}

lib/pages/mine/page/about_us_page.dart

@@ -1,6 +1,9 @@
 
 import 'package:flutter/material.dart';
+import 'package:skywood/global/const/common_color.dart';
 import 'package:skywood/global/request/api_const.dart';
+import 'package:skywood/main/lib_file.dart';
+import 'package:skywood/pages/mine/page/sky_web_page.dart';
 import 'package:skywood/utils/tools/sky_device_info.dart';
 import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
@@ -14,14 +17,19 @@ class AboutUsPage extends StatelessWidget {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: SkyAppBar(
-        title: 'About Us',
+        title: 'About',
       ),
       body: SizedBox(
         width: double.infinity,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.center,
           children: [
-            const SizedBox(height: 100),
+            const SizedBox(height: 50),
+            SizedBox(
+              width: 80, height: 80,
+              child: HelpImg.asset(ConstImg.appLogo),
+            ),
+            const SizedBox(height: 10),
             SkyText(text: ApiConst.appName,
               fontSize: 16,
               fontWeight: FontWeight.bold,
@@ -33,20 +41,55 @@ class AboutUsPage extends StatelessWidget {
               color: Colors.grey,
             ),
             const SizedBox(height: 20),
-            Container(
-              height: 46,
-              padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 4),
-              child: Row(
-                children: [
+            _buildRowItem('Privacy Policy', () {
+              HelpNav.to(SkyWebPage(params: WebLinkParams(
+                title: 'Privacy Policy',
+                urlString: ApiConst.webPrivacy,
+              )));
+            }),
+
+            _buildRowItem('User Agreement', () {
+              HelpNav.to(SkyWebPage(params: WebLinkParams(
+                title: 'User Agreement',
+                urlString: ApiConst.webAgreement,
+              )));
+            }),
+
+            _buildRowItem('Visit Website', () async {
+              final encodedUrl = Uri.encodeFull(ApiConst.webIndex);
+              try {
+                final bool launched = await launchUrl(
+                  Uri.parse(encodedUrl),
+                  mode: LaunchMode.externalApplication,
+                );
+                if (!launched) {
+                  print('无法打开链接: $encodedUrl');
+                }
+              } catch (e) {
+                print('打开链接异常: $e');
+              }
+            }),
 
-                ],
-              ),
-            )
           ],
         ),
       ),
     );
   }
+  
+  _buildRowItem(String title, Function() onTap) {
+    return Container(
+      height: 46,
+      padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 5),
+      margin: const EdgeInsets.only(bottom: 10),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          SkyText(text: title, fontSize: 14, color: Colors.black),
+          Icon(Icons.arrow_forward, color: CommonColor.black, size: 18,),
+        ],
+      ),
+    ).addInkWell(onTap: onTap);
+  }
 
   Future<void> openUrl(String url) async {
     final encodedUrl = Uri.encodeFull(url);

lib/pages/mine/page/mine_collection_page.dart

@@ -0,0 +1,147 @@
+import 'package:flutter/material.dart';
+import 'package:skywood/global/client/play_client.dart';
+import 'package:skywood/main/lib_file.dart';
+import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
+import 'package:skywood/pages/like/widget/no_data_view.dart';
+import 'package:skywood/pages/search/page/result_page.dart';
+import 'package:skywood/utils/models/drama/skywood_drama.dart';
+import 'package:skywood/utils/tools/app_toast.dart';
+import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
+import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
+
+import '../../../utils/tools/sky_time_tool.dart';
+
+class MineCollectionPage extends StatefulWidget {
+
+  const MineCollectionPage({super.key});
+
+  @override
+  State<StatefulWidget> createState() {
+    return _CollectionPageState();
+  }
+}
+
+class _CollectionPageState extends State<MineCollectionPage> {
+
+  List<SkywoodDrama> _collectionList = [];
+  bool _isLoading = false;
+
+  @override
+  void initState() {
+    super.initState();
+    _getCollection();
+  }
+
+  void _getCollection() {
+    AppToast.showLottieLoading();
+    _isLoading = true;
+    PlayClient.getCollections().then((value) {
+      AppToast.dismiss();
+      _isLoading = false;
+      if (!mounted) return;
+      setState(() {
+        _collectionList = value;
+      });
+    });
+  }
+
+  void _cancelCol(int shortPlayId) {
+    // AppToast.showLottieLoading();
+    // remove
+    _collectionList.removeWhere((element) => element.shortPlayId == shortPlayId);
+    PlayClient.cancelCollect(shortPlayId: shortPlayId).then((value) {
+      // AppToast.dismiss();
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: SkyAppBar(
+        title: 'Collection',
+        actions: [],
+      ),
+      body: !_isLoading && _collectionList.isEmpty ? NoDataView() : ListView.separated(
+          itemBuilder: (context, index) {
+            final item = _collectionList[index];
+            return Dismissible(
+              onDismissed: (direction) {
+                _cancelCol(item.shortPlayId!);
+
+              },
+              key: Key(item.shortPlayId.toString()),
+              child: MineItemView(drama: _collectionList[index]),
+            );
+          },
+          separatorBuilder: (context, index) {
+            return const SizedBox(height: 5);
+          },
+          itemCount: _collectionList.length
+      ),
+    );
+
+  }
+
+}
+
+
+class MineItemView extends StatelessWidget {
+
+  const MineItemView({super.key,
+    required this.drama,
+    this.onTap
+  });
+
+  final SkywoodDrama drama;
+  final Function()? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+
+    return Container(
+      height: 120.h,
+      padding: const EdgeInsets.symmetric(horizontal: 15),
+      child: Row(
+        children: [
+          HelpImg.networkRadius(drama.imageUrl, width: 90.w, height: 110.h,
+            borderRadius: BorderRadius.circular(6),
+            fit: BoxFit.cover,
+          ),
+          const SizedBox(width: 10),
+          Expanded(child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              const SizedBox(height: 8),
+              SkyText(text: drama.name,
+                fontSize: 14,
+                fontWeight: FontWeight.bold,
+                color: CommonColor.black,
+              ),
+              const SizedBox(height: 12),
+
+              SkyText(text: drama.description,
+                fontSize: 11,
+                color: CommonColor.withValue('4D4047'),
+                maxLines: 2,
+              ),
+              Spacer(),
+              _tipView(true, text: 'EP.${drama.episodeTotal}'),
+              const SizedBox(height: 10),
+            ],
+          ))
+        ],
+      ),
+    ).addInkWell(onTap: onTap);
+  }
+
+  Widget _tipView(bool isStar, {required String text}) {
+    String imgName = isStar ? ConstImg.star : ConstImg.look;
+    return Row(
+      children: [
+        HelpImg.asset(imgName, width: 12.w, height: 12.w),
+        const SizedBox(width: 2),
+        SkyText(text: text, fontSize: 12, color: Colors.grey)
+      ],
+    );
+  }
+}

lib/pages/mine/page/sky_web_page.dart

@@ -1,9 +1,12 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:loading_animation_widget/loading_animation_widget.dart';
+import 'package:skywood/global/const/common_color.dart';
 import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
+import '../../../utils/tools/help_img.dart';
+
 /// WebView 页面参数
 class WebLinkParams {
   final String title;
@@ -212,7 +215,7 @@ class _WebLinkViewState extends State<SkyWebPage> {
       titleColor: Colors.white,
       actions: [
         IconButton(
-          icon: const Icon(Icons.refresh),
+          icon: const Icon(Icons.refresh, color: Colors.white,),
           onPressed: _reload,
         ),
       ],
@@ -221,12 +224,12 @@ class _WebLinkViewState extends State<SkyWebPage> {
 
   Widget _buildBody() {
     return Container(
-      decoration: const BoxDecoration(
+      decoration: BoxDecoration(
         gradient: LinearGradient(
           begin: Alignment.topCenter,
           end: Alignment.bottomCenter,
           colors: [
-            Color(0xFF1A0B2E),
+            CommonColor.primacyColor,
             Color(0xFF2D1B4E),
           ],
         ),
@@ -255,9 +258,10 @@ class _WebLinkViewState extends State<SkyWebPage> {
   Widget _buildContent() {
     if (_isLoading) {
       return Center(
-        child: LoadingAnimationWidget.newtonCradle(
-          color: const Color(0xFFFB98E0),
-          size: 96.w,
+        child: SizedBox(
+          width: 120,
+          height: 120,
+          child: Image.asset(ConstImg.loading, fit: BoxFit.fill),
         ),
       );
     }

lib/pages/mine/widget/mine_section_view.dart

@@ -49,7 +49,7 @@ class MineSectionView extends StatelessWidget {
       children: [
         HelpImg.asset(ConstImg.sectionTopBg, width: width, height: 20.h),
         Positioned(
-          left: 7, right: 7,
+          left: 7, right: 7, top: 2,
           child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [

lib/pages/search/page/result_page.dart

@@ -4,11 +4,13 @@ import 'package:skywood/main/lib_file.dart';
 import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
 import 'package:skywood/pages/widgets/pixel_widgets.dart';
 import 'package:skywood/utils/models/drama/skywood_drama.dart';
+import 'package:skywood/utils/tools/app_toast.dart';
 import 'package:skywood/utils/tools/sky_time_tool.dart';
 import 'package:skywood/utils/tools/widgets/sky_app_bar.dart';
 import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
 
 import '../../../utils/tools/widgets/sky_text_field.dart';
+import '../../like/widget/no_data_view.dart';
 import '../widget/search_util.dart';
 
 class ResultPage extends StatefulWidget {
@@ -30,6 +32,7 @@ class _ResultPageState extends State<ResultPage> {
   final _searchController = TextEditingController();
   final _searchFocus = FocusNode();
   List<SkywoodDrama> _searchResult = [];
+  bool _isLoading = false;
 
   @override
   void initState() {
@@ -45,8 +48,12 @@ class _ResultPageState extends State<ResultPage> {
       _searchFocus.requestFocus();
       return;
     }
+    _isLoading = true;
+    AppToast.showLottieLoading();
     await SearchUtil.addSearch(keyword);
     PlayClient.search(keyword: keyword).then((valuer) {
+      _isLoading = false;
+      AppToast.dismiss();
       setState(() {
         _searchResult = valuer;
       });
@@ -74,7 +81,7 @@ class _ResultPageState extends State<ResultPage> {
           },
         ),
       ),
-      body: ListView.separated(
+      body: _searchResult.isEmpty && !_isLoading ? NoDataView() : ListView.separated(
           itemBuilder: (context, index) => ResultItemView(
             drama: _searchResult[index],
             onTap: () {
@@ -111,6 +118,7 @@ class ResultItemView extends StatelessWidget {
         children: [
           HelpImg.networkRadius(drama.imageUrl, width: 105.w, height: 140.h,
             borderRadius: BorderRadius.circular(6),
+            fit: BoxFit.cover,
           ),
           const SizedBox(width: 10),
           Expanded(child: Column(

lib/pages/widgets/mystery_box_widget.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:skywood/main/lib_file.dart';
-import 'package:skywood/pages/home/players/page/drama_detail_page.dart';
 import 'package:skywood/utils/models/drama/skywood_drama.dart';
 
 class MysteryBoxWidget extends StatelessWidget {
@@ -16,7 +15,7 @@ class MysteryBoxWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return SizedBox(
-      width: AppScreen.screenWidth, height: 400,
+      width: AppScreen.screenWidth, height: 450,
       child: Column(
         children: [
           HelpImg.asset(ConstImg.boxOpened, width: 179, height: 24),
@@ -42,7 +41,11 @@ class MysteryBoxWidget extends StatelessWidget {
               HelpNav.back();
               onTap?.call();
             }
-          )
+          ),
+          const SizedBox(height: 12),
+          IconButton(onPressed: () {
+            HelpNav.back();
+          }, icon: HelpImg.asset(ConstImg.boxClose, width: 30))
         ],
       ),
     );