feat: 请求数据和配置

lib/pages/first/widgets/home_first_view.dart

@@ -84,7 +84,7 @@ class _HomeFirstViewState extends State<HomeFirstView> {
     );
   }
 
-  _buildVideoItem() {
+  Widget _buildVideoItem() {
     return Padding(
       padding: const EdgeInsets.all(8),
       child: Column(

lib/pages/first/widgets/home_rank_widget.dart

@@ -0,0 +1,84 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:novyronst/common/const/const_string.dart';
+import 'package:novyronst/tools/widgets/novy_com_widget.dart';
+
+import '../../../tools/util/app_screen.dart';
+import '../../../tools/widgets/novy_button_bg.dart';
+import '../../widgets/cut_corner_clipper.dart';
+import '../../widgets/ny_tag_widget.dart';
+
+class HomeRankWidget extends StatelessWidget {
+
+  const HomeRankWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return CutCornerClipper(
+      width: AppScreen.screenWidth - 32,
+      cutCorner: CutCorner.bottomLeft,
+      cutSize: 40,
+      child: Padding(
+        padding: const EdgeInsets.all(8),
+        child: Column(
+          children: [
+            _buildRankList(),
+            const SizedBox(height: 5),
+            Row(
+              children: [
+                SizedBox(width: 20.w),
+                NovyButtonBg(text: 'Keep Watching', width: 308.w,)
+              ],
+            )
+          ],
+        ),
+      ),
+    );
+  }
+
+  Row _buildRankList() {
+    return Row(
+      children: [
+        _firstVideoView(),
+        const SizedBox(width: 8),
+        _otherVideoView(),
+      ],
+    );
+  }
+
+  Widget _firstVideoView() {
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        Container(
+          width: 160.w, height: 240.w,
+          decoration: BoxDecoration(
+            color: Colors.red,
+          )
+        ),
+        const SizedBox(height: 10),
+        NovyText('Star of the ocean', fontSize: 15,
+          color: Colors.black,
+          fontFamily: ConstFont.montMedium,
+        ),
+        const SizedBox(height: 5),
+        NyTagWidget(text: 'Safiray'),
+        const SizedBox(height: 8),
+      ],
+    );
+  }
+
+  Widget _otherVideoView() {
+    return Column(
+      children: List.generate(3, (index) {
+        return Container(
+          margin: const EdgeInsets.only(bottom: 8),
+          width: 160.w, height: 93.w,
+          decoration: BoxDecoration(
+            color: Colors.grey,
+          )
+        );
+      })
+    );
+  }
+}