diff --git a/Jsons/banner.json b/Jsons/videoBanner.json
similarity index 100%
rename from Jsons/banner.json
rename to Jsons/videoBanner.json
diff --git a/Jsons/videoPage.json b/Jsons/videoPageTab.json
similarity index 70%
rename from Jsons/videoPage.json
rename to Jsons/videoPageTab.json
index e814b80..9a79eed 100644
--- a/Jsons/videoPage.json
+++ b/Jsons/videoPageTab.json
@@ -1,6 +1,6 @@
 {
     "key": "ugc",
     "name": "二创",
-    "banners": "$[]banner",
+    "banners": "$[]videoBanner",
     "videos": "$[]videoPageVideo"
 }
diff --git a/Jsons/videoPageTabs.json b/Jsons/videoPageTabs.json
new file mode 100644
index 0000000..17722c9
--- /dev/null
+++ b/Jsons/videoPageTabs.json
@@ -0,0 +1,3 @@
+{
+    "data": "$[]videoPageTab"
+}
diff --git a/assets/banner1.png b/assets/banner1.png
deleted file mode 100644
index 459df55..0000000
Binary files a/assets/banner1.png and /dev/null differ
diff --git a/assets/banner2.png b/assets/banner2.png
deleted file mode 100644
index ccfd5e5..0000000
Binary files a/assets/banner2.png and /dev/null differ
diff --git a/assets/banner3.png b/assets/banner3.png
deleted file mode 100644
index bb8f76e..0000000
Binary files a/assets/banner3.png and /dev/null differ
diff --git a/lib/common/Api.dart b/lib/common/Api.dart
index a3f6dfd..5c9087e 100644
--- a/lib/common/Api.dart
+++ b/lib/common/Api.dart
@@ -58,25 +58,22 @@ class Api {
   }
 
   // Future<Video>
-  Future<VideoPage> getVideoPage() async {
-    var tmpVideoPage = VideoPage();
-
+  Future<List<VideoPageTab>> getVideoPage() async {
     try {
       var paramsData = ({'subscription-key': key});
       paramsData.removeWhere((key, value) => value == null);
       var r = await dio.get('/video-page', queryParameters: paramsData);
 
       if (r.statusCode == 200) {
-        var videoPageRes =
-            IResponse<VideoPage>.fromJson(r.data, (json) => VideoPage.fromJson(json));
+        var videoPageRes = VideoPageTabs.fromJson(r.data);
         if (videoPageRes.data != null) {
-          tmpVideoPage = videoPageRes.data!;
+          return videoPageRes.data;
         }
       }
     } catch (e) {
       print(e);
     }
-    return tmpVideoPage;
+    return [];
   }
 
   Future<Pictures> picturesRecommend(PicturesRequest params) async {
diff --git a/lib/common/Global.dart b/lib/common/Global.dart
index b28b17b..e68a5e9 100644
--- a/lib/common/Global.dart
+++ b/lib/common/Global.dart
@@ -2,6 +2,7 @@ import 'dart:convert';
 
 import 'package:EOEFANS/models/eoeTheme.dart';
 import 'package:EOEFANS/models/member.dart';
+import 'package:EOEFANS/models/videoPageTab.dart';
 import 'package:flutter/material.dart';
 import 'package:package_info_plus/package_info_plus.dart';
 import 'package:shared_preferences/shared_preferences.dart';
@@ -92,6 +93,8 @@ class Global {
 
   static late PackageInfo packageInfo;
 
+  static List<VideoPageTab> videoTabs = [];
+
   //初始化全局信息，会在App启动时启动
   static Future init() async {
     WidgetsFlutterBinding.ensureInitialized();
diff --git a/lib/main.dart b/lib/main.dart
index 8066b1e..04415ad 100644
--- a/lib/main.dart
+++ b/lib/main.dart
@@ -1,5 +1,6 @@
 import 'dart:io';
 
+import 'package:EOEFANS/models/videoPageTab.dart';
 import 'package:EOEFANS/routes/mainPage.dart';
 import 'package:EOEFANS/routes/setting/aboutUs.dart';
 import 'package:EOEFANS/routes/setting/settingPage.dart';
@@ -10,8 +11,10 @@ import 'package:EOEFANS/states/ProfileChangeNotifier.dart';
 import 'package:flutter/services.dart';
 import 'package:provider/provider.dart';
 import 'package:sentry_flutter/sentry_flutter.dart';
+import 'package:EOEFANS/common/Api.dart';
+import 'package:EOEFANS/models/videoPageTab.dart';
+import 'package:EOEFANS/common/Global.dart';
 
-import 'common/Global.dart';
 
 Future<void> main() async {
   WidgetsFlutterBinding.ensureInitialized();
diff --git a/lib/models/index.dart b/lib/models/index.dart
index af3a9f8..3868c04 100644
--- a/lib/models/index.dart
+++ b/lib/models/index.dart
@@ -1,10 +1,11 @@
-export 'banner.dart' ; 
 export 'cacheConfig.dart' ; 
 export 'dynamic.dart' ; 
 export 'picture.dart' ; 
 export 'pictures.dart' ; 
 export 'version.dart' ; 
 export 'video.dart' ; 
-export 'videoPage.dart' ; 
+export 'videoBanner.dart' ; 
+export 'videoPageTab.dart' ; 
+export 'videoPageTabs.dart' ; 
 export 'videoPageVideo.dart' ; 
 export 'videos.dart' ; 
diff --git a/lib/models/videoBanner.dart b/lib/models/videoBanner.dart
new file mode 100644
index 0000000..947b6b7
--- /dev/null
+++ b/lib/models/videoBanner.dart
@@ -0,0 +1,15 @@
+import 'package:json_annotation/json_annotation.dart';
+
+part 'videoBanner.g.dart';
+
+@JsonSerializable()
+class VideoBanner {
+  VideoBanner();
+
+  late String image;
+  late String url;
+  late num rank;
+  
+  factory VideoBanner.fromJson(Map<String,dynamic> json) => _$VideoBannerFromJson(json);
+  Map<String, dynamic> toJson() => _$VideoBannerToJson(this);
+}
diff --git a/lib/models/videoBanner.g.dart b/lib/models/videoBanner.g.dart
new file mode 100644
index 0000000..68a8bb2
--- /dev/null
+++ b/lib/models/videoBanner.g.dart
@@ -0,0 +1,19 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'videoBanner.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+VideoBanner _$VideoBannerFromJson(Map<String, dynamic> json) => VideoBanner()
+  ..image = json['image'] as String
+  ..url = json['url'] as String
+  ..rank = json['rank'] as num;
+
+Map<String, dynamic> _$VideoBannerToJson(VideoBanner instance) =>
+    <String, dynamic>{
+      'image': instance.image,
+      'url': instance.url,
+      'rank': instance.rank,
+    };
diff --git a/lib/models/videoPage.dart b/lib/models/videoPage.dart
deleted file mode 100644
index 24ab6b3..0000000
--- a/lib/models/videoPage.dart
+++ /dev/null
@@ -1,17 +0,0 @@
-import 'package:json_annotation/json_annotation.dart';
-import "banner.dart";
-import "videoPageVideo.dart";
-part 'videoPage.g.dart';
-
-@JsonSerializable()
-class VideoPage {
-  VideoPage();
-
-  late String key;
-  late String name;
-  late List<Banner> banners;
-  late List<VideoPageVideo> videos;
-  
-  factory VideoPage.fromJson(Map<String,dynamic> json) => _$VideoPageFromJson(json);
-  Map<String, dynamic> toJson() => _$VideoPageToJson(this);
-}
diff --git a/lib/models/videoPageTab.dart b/lib/models/videoPageTab.dart
new file mode 100644
index 0000000..b394c86
--- /dev/null
+++ b/lib/models/videoPageTab.dart
@@ -0,0 +1,17 @@
+import 'package:json_annotation/json_annotation.dart';
+import "videoBanner.dart";
+import "videoPageVideo.dart";
+part 'videoPageTab.g.dart';
+
+@JsonSerializable()
+class VideoPageTab {
+  VideoPageTab();
+
+  late String key;
+  late String name;
+  late List<VideoBanner> banners;
+  late List<VideoPageVideo> videos;
+  
+  factory VideoPageTab.fromJson(Map<String,dynamic> json) => _$VideoPageTabFromJson(json);
+  Map<String, dynamic> toJson() => _$VideoPageTabToJson(this);
+}
diff --git a/lib/models/videoPage.g.dart b/lib/models/videoPageTab.g.dart
similarity index 70%
rename from lib/models/videoPage.g.dart
rename to lib/models/videoPageTab.g.dart
index 749497d..bf89723 100644
--- a/lib/models/videoPage.g.dart
+++ b/lib/models/videoPageTab.g.dart
@@ -1,22 +1,23 @@
 // GENERATED CODE - DO NOT MODIFY BY HAND
 
-part of 'videoPage.dart';
+part of 'videoPageTab.dart';
 
 // **************************************************************************
 // JsonSerializableGenerator
 // **************************************************************************
 
-VideoPage _$VideoPageFromJson(Map<String, dynamic> json) => VideoPage()
+VideoPageTab _$VideoPageTabFromJson(Map<String, dynamic> json) => VideoPageTab()
   ..key = json['key'] as String
   ..name = json['name'] as String
   ..banners = (json['banners'] as List<dynamic>)
-      .map((e) => Banner.fromJson(e as Map<String, dynamic>))
+      .map((e) => VideoBanner.fromJson(e as Map<String, dynamic>))
       .toList()
   ..videos = (json['videos'] as List<dynamic>)
       .map((e) => VideoPageVideo.fromJson(e as Map<String, dynamic>))
       .toList();
 
-Map<String, dynamic> _$VideoPageToJson(VideoPage instance) => <String, dynamic>{
+Map<String, dynamic> _$VideoPageTabToJson(VideoPageTab instance) =>
+    <String, dynamic>{
       'key': instance.key,
       'name': instance.name,
       'banners': instance.banners,
diff --git a/lib/models/videoPageTabs.dart b/lib/models/videoPageTabs.dart
new file mode 100644
index 0000000..a0cc205
--- /dev/null
+++ b/lib/models/videoPageTabs.dart
@@ -0,0 +1,13 @@
+import 'package:json_annotation/json_annotation.dart';
+import "videoPageTab.dart";
+part 'videoPageTabs.g.dart';
+
+@JsonSerializable()
+class VideoPageTabs {
+  VideoPageTabs();
+
+  late List<VideoPageTab> data;
+  
+  factory VideoPageTabs.fromJson(Map<String,dynamic> json) => _$VideoPageTabsFromJson(json);
+  Map<String, dynamic> toJson() => _$VideoPageTabsToJson(this);
+}
diff --git a/lib/models/videoPageTabs.g.dart b/lib/models/videoPageTabs.g.dart
new file mode 100644
index 0000000..bdb00c9
--- /dev/null
+++ b/lib/models/videoPageTabs.g.dart
@@ -0,0 +1,18 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'videoPageTabs.dart';
+
+// **************************************************************************
+// JsonSerializableGenerator
+// **************************************************************************
+
+VideoPageTabs _$VideoPageTabsFromJson(Map<String, dynamic> json) =>
+    VideoPageTabs()
+      ..data = (json['data'] as List<dynamic>)
+          .map((e) => VideoPageTab.fromJson(e as Map<String, dynamic>))
+          .toList();
+
+Map<String, dynamic> _$VideoPageTabsToJson(VideoPageTabs instance) =>
+    <String, dynamic>{
+      'data': instance.data,
+    };
diff --git a/lib/routes/splashPage.dart b/lib/routes/splashPage.dart
index 2103ff8..d54b3eb 100644
--- a/lib/routes/splashPage.dart
+++ b/lib/routes/splashPage.dart
@@ -1,6 +1,10 @@
 import 'dart:async';
 
+import 'package:EOEFANS/common/Api.dart';
+import 'package:EOEFANS/models/videoPageTab.dart';
 import 'package:flutter/material.dart';
+import 'package:EOEFANS/common/Global.dart';
+
 
 class SplashScreen extends StatefulWidget {
   const SplashScreen({Key? key}) : super(key: key);
@@ -14,10 +18,17 @@ class _SplashScreenState extends State<SplashScreen> {
 
   @override
   void initState() {
-    startTime();
+    // startTime();
+    getVideoPage();
     super.initState();
   }
 
+  getVideoPage() async {
+    List<VideoPageTab> tabs = await Api(context).getVideoPage();
+    Global.videoTabs = tabs;
+    Navigator.of(context).pushReplacementNamed('/main');
+  }
+
   startTime() {
     _timer = Timer(Duration(milliseconds: 2000), () {
       _timer.cancel();
diff --git a/lib/routes/video/videoList.dart b/lib/routes/video/videoList.dart
index 8b91a05..fc68305 100644
--- a/lib/routes/video/videoList.dart
+++ b/lib/routes/video/videoList.dart
@@ -1,6 +1,7 @@
 import 'package:EOEFANS/common/Api.dart';
 import 'package:EOEFANS/models/member.dart';
 import 'package:EOEFANS/models/video.dart';
+import 'package:EOEFANS/models/videoPageTab.dart';
 import 'package:EOEFANS/models/videos.dart';
 import 'package:EOEFANS/models/videosRequest.dart';
 import 'package:EOEFANS/routes/video/videoListItem.dart';
@@ -16,18 +17,22 @@ import 'package:provider/provider.dart';
 import 'package:pull_to_refresh/pull_to_refresh.dart';
 
 class VideoList extends StatefulWidget {
-  const VideoList({Key? key, this.origin}) : super(key: key);
+  const VideoList({Key? key, this.origin, required this.tab}) : super(key: key);
 
   final bool? origin;
+  final VideoPageTab tab;
 
   @override
-  State<VideoList> createState() => _VideoListState()..origin = origin;
+  State<VideoList> createState() => _VideoListState()
+    ..origin = origin
+    ..tab = tab;
 }
 
 class _VideoListState extends State<VideoList> {
   final RefreshController _refreshController =
       RefreshController(initialRefresh: true);
   late final bool? origin;
+  late final VideoPageTab tab;
 
   int _page = 0;
   MemberEnum? _memberFilter;
@@ -38,11 +43,16 @@ class _VideoListState extends State<VideoList> {
 
   @override
   void initState() {
+    tab.videos.sort((a, b) => (a.rank).compareTo(b.rank));
+    videoList = [...tab.videos.map((e) => e.video)];
     _getVideos();
     super.initState();
   }
 
   _getVideos() async {
+    if (origin == null) {
+      return;
+    }
     setState(() {
       _loading = true;
       _page++;
@@ -71,7 +81,7 @@ class _VideoListState extends State<VideoList> {
   }
 
   _reloadVideos({int? page}) async {
-    videoList = [];
+    videoList = [...tab.videos.map((e) => e.video)];
     setState(() {
       _page = page ?? 0;
     });
@@ -130,86 +140,97 @@ class _VideoListState extends State<VideoList> {
               SliverList(
                 delegate: SliverChildListDelegate(
                   [
-                    Container(
-                      width: double.infinity,
-                      child: AspectRatio(
-                        aspectRatio: 16 / 9,
-                        child: Card(
-                          clipBehavior: Clip.antiAliasWithSaveLayer,
-                          child: VideoSwiper(),
-                        ),
-                      ),
-                    ),
-                    Container(
-                      width: double.infinity,
-                      child: AspectRatio(
-                        aspectRatio: 4.9 / 1,
-                        child: VideoMemberFilter(
-                          updateFilterMember: (MemberEnum? value) {
-                            setState(() {
-                              _memberFilter = value;
-                              _reloadVideos();
-                            });
-                          },
-                        ),
-                      ),
-                    ),
-                    Container(
-                      width: double.infinity,
-                      height: 32,
-                      child: Container(
-                        margin: const EdgeInsets.only(left: 4),
-                        child: DefaultTextStyle(
-                            style: const TextStyle(
-                              fontSize: 18,
-                              fontWeight: FontWeight.w500,
-                              color: Colors.black,
+                    tab.banners.length > 0
+                        ? Container(
+                            width: double.infinity,
+                            child: AspectRatio(
+                              aspectRatio: 16 / 9,
+                              child: Card(
+                                clipBehavior: Clip.antiAliasWithSaveLayer,
+                                child: VideoSwiper(banners: tab.banners),
+                              ),
                             ),
-                            child: Row(
-                              children: [
-                                GestureDetector(
-                                  onTap: () {
-                                    if (_order != VideosRequestOrder.pubdate) {
-                                      setState(() {
-                                        _order = VideosRequestOrder.pubdate;
-                                        _reloadVideos();
-                                      });
-                                    }
-                                  },
-                                  child: Text(
-                                    '最新发布',
-                                    style: TextStyle(
-                                      color: _order != VideosRequestOrder.pubdate
-                                          ? Colors.black54
-                                          : Colors.black,
-                                    ),
+                          )
+                        : Container(),
+                    origin != null
+                        ? Container(
+                            width: double.infinity,
+                            child: AspectRatio(
+                              aspectRatio: 4.9 / 1,
+                              child: VideoMemberFilter(
+                                updateFilterMember: (MemberEnum? value) {
+                                  setState(() {
+                                    _memberFilter = value;
+                                    _reloadVideos();
+                                  });
+                                },
+                              ),
+                            ),
+                          )
+                        : Container(),
+                    origin != null
+                        ? Container(
+                            width: double.infinity,
+                            height: 32,
+                            child: Container(
+                              margin: const EdgeInsets.only(left: 4),
+                              child: DefaultTextStyle(
+                                  style: const TextStyle(
+                                    fontSize: 18,
+                                    fontWeight: FontWeight.w500,
+                                    color: Colors.black,
                                   ),
-                                ),
-                                Container(
-                                  margin: const EdgeInsets.only(left: 8),
-                                  child: GestureDetector(
-                                    onTap: () {
-                                      if (_order != VideosRequestOrder.view) {
-                                        setState(() {
-                                          _order = VideosRequestOrder.view;
-                                          _reloadVideos();
-                                        });
-                                      }
-                                    },
-                                    child: Text(
-                                      '最多播放',
-                                      style: TextStyle(
-                                        color: _order != VideosRequestOrder.view
-                                            ? Colors.black54
-                                            : Colors.black,
+                                  child: Row(
+                                    children: [
+                                      GestureDetector(
+                                        onTap: () {
+                                          if (_order !=
+                                              VideosRequestOrder.pubdate) {
+                                            setState(() {
+                                              _order =
+                                                  VideosRequestOrder.pubdate;
+                                              _reloadVideos();
+                                            });
+                                          }
+                                        },
+                                        child: Text(
+                                          '最新发布',
+                                          style: TextStyle(
+                                            color: _order !=
+                                                    VideosRequestOrder.pubdate
+                                                ? Colors.black54
+                                                : Colors.black,
+                                          ),
+                                        ),
                                       ),
-                                    ),
-                                  ),
-                                ),
-                              ],
-                            )),
-                      )
-                    ),
+                                      Container(
+                                        margin: const EdgeInsets.only(left: 8),
+                                        child: GestureDetector(
+                                          onTap: () {
+                                            if (_order !=
+                                                VideosRequestOrder.view) {
+                                              setState(() {
+                                                _order =
+                                                    VideosRequestOrder.view;
+                                                _reloadVideos();
+                                              });
+                                            }
+                                          },
+                                          child: Text(
+                                            '最多播放',
+                                            style: TextStyle(
+                                              color: _order !=
+                                                      VideosRequestOrder.view
+                                                  ? Colors.black54
+                                                  : Colors.black,
+                                            ),
+                                          ),
+                                        ),
+                                      ),
+                                    ],
+                                  )),
+                            ))
+                        : Container(),
                   ],
                 ),
               ),
diff --git a/lib/routes/video/videoPage.dart b/lib/routes/video/videoPage.dart
index 4af3b49..5ac1ce5 100644
--- a/lib/routes/video/videoPage.dart
+++ b/lib/routes/video/videoPage.dart
@@ -1,5 +1,6 @@
 import 'package:EOEFANS/common/Api.dart';
-import 'package:EOEFANS/routes/video/videoNewYear.dart';
+import 'package:EOEFANS/common/Global.dart';
+import 'package:EOEFANS/models/videoPageTab.dart';
 import 'package:EOEFANS/routes/video/videoSearchPage.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
@@ -15,10 +16,31 @@ class VideoPage extends StatefulWidget {
 }
 
 class _VideoPageState extends State<VideoPage> {
+  List<VideoPageTab> videoTabs = [];
+
   @override
-  Widget build(BuildContext context)  {
+  void initState() {
+    // getVideoPage();
+    videoTabs = Global.videoTabs;
+    super.initState();
+  }
+
+  Widget getTabView(VideoPageTab tab) {
+    print(tab.key);
+    switch (tab.key) {
+      case 'ugc':
+        return VideoList(origin: true, tab: tab);
+      case 'pgc':
+        return VideoList(origin: false, tab: tab);
+      default:
+        return VideoList(tab: tab);
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
     return DefaultTabController(
-      length: 3,
+      length: videoTabs.length,
       initialIndex: 0,
       child: Scaffold(
         appBar: AppBar(
@@ -39,20 +61,16 @@ class _VideoPageState extends State<VideoPage> {
           ),
           centerTitle: true,
           title: Container(
-            width: 360,
             padding: const EdgeInsets.only(left: 20, right: 20),
-            child: const TabBar(
-              tabs: [
-                Tab(
-                  text: "二创",
-                ),
-                Tab(
-                  text: "拜年纪",
-                ),
-                Tab(
-                  text: "切片",
-                ),
-              ],
+            child: TabBar(
+              isScrollable: true,
+              tabs: videoTabs
+                  .map(
+                    (e) => Tab(
+                      text: e.name,
+                    ),
+                  )
+                  .toList(),
             ),
           ),
           actions: [
@@ -83,12 +101,8 @@ class _VideoPageState extends State<VideoPage> {
         ),
         body: Container(
           padding: const EdgeInsets.only(left: 4, right: 4, top: 8, bottom: 40),
-          child: const TabBarView(
-            children: [
-              VideoList(origin: true),
-              VideoNewYear(),
-              VideoList(origin: false),
-            ],
+          child: TabBarView(
+            children: videoTabs.map((e) => getTabView(e)).toList(),
           ),
         ),
       ),
diff --git a/lib/routes/video/videoSwiper.dart b/lib/routes/video/videoSwiper.dart
index 7823c43..b942fd2 100644
--- a/lib/routes/video/videoSwiper.dart
+++ b/lib/routes/video/videoSwiper.dart
@@ -1,40 +1,33 @@
+import 'package:EOEFANS/models/videoBanner.dart';
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_swiper_null_safety/flutter_swiper_null_safety.dart';
 import 'package:url_launcher/url_launcher.dart';
 
-const images = [
-  'assets/banner1.png',
-  'assets/banner2.png',
-  'assets/banner3.png',
-];
-
-const urls = [
-  'bilibili://following/detail/764574685075603457',
-  '',
-  'https://b23.tv/kI0MBkx'
-];
-
 class VideoSwiper extends StatelessWidget {
-  const VideoSwiper({Key? key}) : super(key: key);
+  const VideoSwiper({Key? key, required this.banners}) : super(key: key);
+
+  final List<VideoBanner> banners;
 
   @override
   Widget build(BuildContext context) {
+    banners.sort((a, b) => (a.rank).compareTo(b.rank));
     return Swiper(
       itemBuilder: (BuildContext context, int index) {
         return Container(
           child: Image(
-            image: AssetImage(images[index]),
+            image: CachedNetworkImageProvider(banners[index].image),
             fit: BoxFit.fill,
           ),
         );
       },
-      itemCount: images.length,
+      itemCount: banners.length,
       onTap: (int index) async {
         try {
-          if (!await launchUrl(Uri.parse(urls[index]))) {
-            throw 'Could not launch ${urls[index]}';
+          if (!await launchUrl(Uri.parse(banners[index].url))) {
+            throw 'Could not launch ${banners[index].url}';
           }
-        } catch(e) {
+        } catch (e) {
           print(e);
         }
       },