diff --git a/lib/pages/video/detail/controller.dart b/lib/pages/video/detail/controller.dart
index e69de29b..c0eae8b4 100644
--- a/lib/pages/video/detail/controller.dart
+++ b/lib/pages/video/detail/controller.dart
@@ -0,0 +1,29 @@
+import 'package:get/get.dart';
+
+class VideoDetailController extends GetxController {
+  // 视频aid
+  String aid = Get.parameters['aid']!;
+
+  // 是否预渲染 骨架屏
+  bool preRender = false;
+
+  // 视频详情 上个页面传入
+  Map videoItem = {};
+
+  // 请求状态
+  RxBool isLoading = false.obs;
+
+  @override
+  void onInit() {
+    super.onInit();
+    if (Get.arguments.isNotEmpty) {
+      if (Get.arguments.containsKey('videoItem')) {
+        preRender = true;
+        var args = Get.arguments['videoItem'];
+        if (args.pic != null && args.pic != '') {
+          videoItem['pic'] = args.pic;
+        }
+      }
+    }
+  }
+}
diff --git a/lib/pages/video/detail/view.dart b/lib/pages/video/detail/view.dart
index 0c1d47df..fa0c99d2 100644
--- a/lib/pages/video/detail/view.dart
+++ b/lib/pages/video/detail/view.dart
@@ -1,18 +1,142 @@
+import 'package:get/get.dart';
 import 'package:flutter/material.dart';
+import 'package:pilipala/common/widgets/network_img_layer.dart';
+import 'package:pilipala/pages/video/detail/controller.dart';
 
 class VideoDetailPage extends StatefulWidget {
-  const VideoDetailPage({super.key});
+  const VideoDetailPage({Key? key}) : super(key: key);
 
   @override
   State<VideoDetailPage> createState() => _VideoDetailPageState();
 }
 
 class _VideoDetailPageState extends State<VideoDetailPage> {
+  final VideoDetailController videoDetailController =
+      Get.put(VideoDetailController());
+
+  final _tabs = <String>['简介', '评论'];
+
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: const Text('videoDetail'),
+    return DefaultTabController(
+      length: _tabs.length, // tab的数量.
+      child: SafeArea(
+        top: false,
+        bottom: false,
+        child: Scaffold(
+          body: NestedScrollView(
+            headerSliverBuilder:
+                (BuildContext context, bool innerBoxIsScrolled) {
+              return <Widget>[
+                SliverOverlapAbsorber(
+                  handle:
+                      NestedScrollView.sliverOverlapAbsorberHandleFor(context),
+                  sliver: SliverAppBar(
+                    title: const Text("视频详情"),
+                    // floating: true,
+                    // snap: true,
+                    pinned: true,
+                    elevation: 0,
+                    scrolledUnderElevation: 0,
+                    forceElevated: innerBoxIsScrolled,
+                    expandedHeight: MediaQuery.of(context).size.width * 9 / 16,
+                    collapsedHeight: MediaQuery.of(context).size.width * 9 / 16,
+                    toolbarHeight: kToolbarHeight,
+                    flexibleSpace: FlexibleSpaceBar(
+                      background: Padding(
+                        padding: EdgeInsets.only(
+                            bottom: 50,
+                            top: MediaQuery.of(context).padding.top),
+                        child: LayoutBuilder(
+                          builder: (context, boxConstraints) {
+                            double maxWidth = boxConstraints.maxWidth;
+                            double maxHeight = boxConstraints.maxHeight;
+                            double PR = MediaQuery.of(context).devicePixelRatio;
+                            return NetworkImgLayer(
+                              src: videoDetailController.videoItem['pic'],
+                              width: maxWidth,
+                              height: maxHeight,
+                            );
+                          },
+                        ),
+                      ),
+                    ),
+                    bottom: PreferredSize(
+                      preferredSize: const Size.fromHeight(50.0),
+                      child: Container(
+                        height: 50,
+                        decoration: BoxDecoration(
+                            border: Border(
+                                bottom: BorderSide(
+                                    color: Theme.of(context)
+                                        .dividerColor
+                                        .withOpacity(0.1)))),
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.center,
+                          mainAxisSize: MainAxisSize.max,
+                          children: [
+                            Container(
+                              width: 180,
+                              margin: const EdgeInsets.only(left: 20),
+                              child: TabBar(
+                                splashBorderRadius: BorderRadius.circular(6),
+                                dividerColor: Colors.transparent,
+                                tabs: _tabs
+                                    .map((String name) => Tab(text: name))
+                                    .toList(),
+                              ),
+                            ),
+                            // 弹幕开关
+                            // const Spacer(),
+                            // Flexible(
+                            //   flex: 2,
+                            //   child: Container(
+                            //     height: 50,
+                            //   ),
+                            // ),
+                          ],
+                        ),
+                      ),
+                    ),
+                  ),
+                ),
+              ];
+            },
+            body: TabBarView(
+              children: [
+                Builder(builder: (context) {
+                  return CustomScrollView(
+                    key: const PageStorageKey<String>('简介'),
+                    slivers: <Widget>[
+                      SliverOverlapInjector(
+                        handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
+                            context),
+                      ),
+                      // const VideoIntroPanel(),
+                      const SliverToBoxAdapter(
+                        child: Text('简介'),
+                      )
+                    ],
+                  );
+                }),
+                Builder(builder: (context) {
+                  return CustomScrollView(
+                    key: const PageStorageKey<String>('评论'),
+                    slivers: <Widget>[
+                      SliverOverlapInjector(
+                        handle: NestedScrollView.sliverOverlapAbsorberHandleFor(
+                            context),
+                      ),
+                      const SliverToBoxAdapter(
+                        child: Text('评论'),
+                      )
+                    ],
+                  );
+                })
+              ],
+            ),
+          ),
+        ),
       ),
     );
   }