feat: 分类页面优化，播放器详情处理当前集，首页的优化。图片导入。

lib/pages/widgets/mystery_box_widget.dart

@@ -0,0 +1,50 @@
+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 {
+
+  const MysteryBoxWidget({super.key,
+    required this.drama,
+    this.onTap,
+  });
+
+  final SkywoodDrama drama;
+  final Function()? onTap;
+
+  @override
+  Widget build(BuildContext context) {
+    return SizedBox(
+      width: AppScreen.screenWidth, height: 400,
+      child: Column(
+        children: [
+          HelpImg.asset(ConstImg.boxOpened, width: 179, height: 24),
+          const SizedBox(height: 20),
+          Stack(
+            children: [
+              HelpImg.asset(ConstImg.boxGift, width: AppScreen.screenWidth),
+              // 015 140 00EE02
+              Positioned(
+                top: 0, left: 135, right: 135,
+                child: Container(
+                  width: 105.w, height: 140.w,
+                  decoration: BoxDecoration(
+                    border: Border.all(width: 1, color: CommonColor.withValue('00EE02'))
+                  ),
+                  child: HelpImg.network(drama.imageUrl, width: 105.w, fit: BoxFit.fill),
+                ),
+              )
+            ],
+          ),
+          HelpImg.asset(ConstImg.boxBtn, width: 196).addInkWell(
+            onTap: () {
+              HelpNav.back();
+              onTap?.call();
+            }
+          )
+        ],
+      ),
+    );
+  }
+}