opt: pages

Signed-off-by: bggRGjQaUbCoE <githubaccount56556@proton.me>

lib/pages/member/new/content/member_contribute/content/article/member_article.dart

@@ -1,6 +1,6 @@
 import 'package:PiliPalaX/common/constants.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/refresh_indicator.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
 import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/models/space_article/item.dart';
@@ -40,79 +40,75 @@ class _MemberArticleState extends State<MemberArticle>
   }
 
   _buildBody(LoadingState loadingState) {
-    return loadingState is Success
-        ? MediaQuery.removePadding(
-            context: context,
-            removeTop: true,
-            child: refreshIndicator(
-              onRefresh: () async {
-                await _controller.onRefresh();
-              },
-              child: ListView.separated(
-                itemCount: loadingState.response.length,
-                itemBuilder: (_, index) {
-                  if (index == loadingState.response.length - 1) {
-                    _controller.onLoadMore();
-                  }
-                  Item item = loadingState.response[index];
-                  return ListTile(
-                    dense: true,
-                    onTap: () {
-                      PiliScheme.routePush(Uri.parse(item.uri ?? ''));
-                    },
-                    leading: item.originImageUrls?.isNotEmpty == true
-                        ? Container(
-                            margin: const EdgeInsets.symmetric(vertical: 6),
-                            child: LayoutBuilder(
-                              builder: (_, constraints) {
-                                return NetworkImgLayer(
-                                  radius: 6,
-                                  src: item.originImageUrls!.first,
-                                  width: constraints.maxHeight *
-                                      StyleString.aspectRatio,
-                                  height: constraints.maxHeight,
-                                );
-                              },
-                            ),
-                          )
-                        : null,
-                    title: Text(
-                      item.title ?? '',
-                      style: TextStyle(
-                        fontSize: 15,
-                      ),
-                    ),
-                    subtitle: item.summary?.isNotEmpty == true
-                        ? Text(
-                            item.summary!,
-                            maxLines: 2,
-                            overflow: TextOverflow.ellipsis,
-                            style: TextStyle(
-                              fontSize: 13,
-                              color: Theme.of(context).colorScheme.outline,
-                            ),
-                          )
-                        : null,
-                  );
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? MediaQuery.removePadding(
+              context: context,
+              removeTop: true,
+              child: refreshIndicator(
+                onRefresh: () async {
+                  await _controller.onRefresh();
                 },
-                separatorBuilder: (_, index) => Divider(height: 1),
-              ),
-            ),
-          )
-        : loadingState is Error
-            ? Center(
-                child: CustomScrollView(
-                  shrinkWrap: true,
-                  slivers: [
-                    HttpError(
-                      errMsg: loadingState.errMsg,
-                      fn: _controller.onReload,
-                    ),
-                  ],
+                child: ListView.separated(
+                  itemCount: loadingState.response.length,
+                  itemBuilder: (_, index) {
+                    if (index == loadingState.response.length - 1) {
+                      _controller.onLoadMore();
+                    }
+                    Item item = loadingState.response[index];
+                    return ListTile(
+                      dense: true,
+                      onTap: () {
+                        PiliScheme.routePush(Uri.parse(item.uri ?? ''));
+                      },
+                      leading: item.originImageUrls?.isNotEmpty == true
+                          ? Container(
+                              margin: const EdgeInsets.symmetric(vertical: 6),
+                              child: LayoutBuilder(
+                                builder: (_, constraints) {
+                                  return NetworkImgLayer(
+                                    radius: 6,
+                                    src: item.originImageUrls!.first,
+                                    width: constraints.maxHeight *
+                                        StyleString.aspectRatio,
+                                    height: constraints.maxHeight,
+                                  );
+                                },
+                              ),
+                            )
+                          : null,
+                      title: Text(
+                        item.title ?? '',
+                        style: TextStyle(
+                          fontSize: 15,
+                        ),
+                      ),
+                      subtitle: item.summary?.isNotEmpty == true
+                          ? Text(
+                              item.summary!,
+                              maxLines: 2,
+                              overflow: TextOverflow.ellipsis,
+                              style: TextStyle(
+                                fontSize: 13,
+                                color: Theme.of(context).colorScheme.outline,
+                              ),
+                            )
+                          : null,
+                    );
+                  },
+                  separatorBuilder: (_, index) => Divider(height: 1),
                 ),
-              )
-            : Center(
-                child: CircularProgressIndicator(),
-              );
+              ),
+            )
+          : errorWidget(
+              callback: _controller.onReload,
+            ),
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _controller.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member/new/content/member_contribute/content/bangumi/member_bangumi.dart

@@ -1,6 +1,6 @@
 import 'package:PiliPalaX/common/constants.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/refresh_indicator.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/pages/bangumi/widgets/bangumi_card_v_member_home.dart';
 import 'package:PiliPalaX/pages/member/new/content/member_contribute/content/bangumi/member_bangumi_ctr.dart';
@@ -42,60 +42,56 @@ class _MemberBangumiState extends State<MemberBangumi>
   }
 
   _buildBody(LoadingState loadingState) {
-    return loadingState is Success
-        ? refreshIndicator(
-            onRefresh: () async {
-              await _controller.onRefresh();
-            },
-            child: CustomScrollView(
-              slivers: [
-                SliverPadding(
-                  padding: EdgeInsets.only(
-                    left: StyleString.safeSpace,
-                    right: StyleString.safeSpace,
-                    top: StyleString.safeSpace,
-                    bottom: StyleString.safeSpace +
-                        MediaQuery.of(context).padding.bottom,
-                  ),
-                  sliver: SliverGrid(
-                    gridDelegate: SliverGridDelegateWithExtentAndRatio(
-                      mainAxisSpacing: StyleString.cardSpace - 2,
-                      crossAxisSpacing: StyleString.cardSpace,
-                      maxCrossAxisExtent: Grid.maxRowWidth / 3 * 2,
-                      childAspectRatio: 0.65,
-                      mainAxisExtent:
-                          MediaQuery.textScalerOf(context).scale(60),
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? refreshIndicator(
+              onRefresh: () async {
+                await _controller.onRefresh();
+              },
+              child: CustomScrollView(
+                slivers: [
+                  SliverPadding(
+                    padding: EdgeInsets.only(
+                      left: StyleString.safeSpace,
+                      right: StyleString.safeSpace,
+                      top: StyleString.safeSpace,
+                      bottom: StyleString.safeSpace +
+                          MediaQuery.of(context).padding.bottom,
                     ),
-                    delegate: SliverChildBuilderDelegate(
-                      (context, index) {
-                        if (index == loadingState.response.length - 1) {
-                          _controller.onLoadMore();
-                        }
-                        return BangumiCardVMemberHome(
-                          bangumiItem: loadingState.response[index],
-                        );
-                      },
-                      childCount: loadingState.response.length,
+                    sliver: SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.cardSpace - 2,
+                        crossAxisSpacing: StyleString.cardSpace,
+                        maxCrossAxisExtent: Grid.maxRowWidth / 3 * 2,
+                        childAspectRatio: 0.65,
+                        mainAxisExtent:
+                            MediaQuery.textScalerOf(context).scale(60),
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          if (index == loadingState.response.length - 1) {
+                            _controller.onLoadMore();
+                          }
+                          return BangumiCardVMemberHome(
+                            bangumiItem: loadingState.response[index],
+                          );
+                        },
+                        childCount: loadingState.response.length,
+                      ),
                     ),
                   ),
-                ),
-              ],
+                ],
+              ),
+            )
+          : errorWidget(
+              callback: _controller.onReload,
             ),
-          )
-        : loadingState is Error
-            ? Center(
-                child: CustomScrollView(
-                  shrinkWrap: true,
-                  slivers: [
-                    HttpError(
-                      errMsg: loadingState.errMsg,
-                      fn: _controller.onReload,
-                    ),
-                  ],
-                ),
-              )
-            : Center(
-                child: CircularProgressIndicator(),
-              );
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _controller.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member/new/content/member_contribute/content/favorite/member_favorite.dart

@@ -1,7 +1,7 @@
 import 'package:PiliPalaX/common/constants.dart';
 import 'package:PiliPalaX/common/widgets/badge.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/refresh_indicator.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
 import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/models/space_fav/datum.dart';
@@ -44,54 +44,50 @@ class _MemberFavoriteState extends State<MemberFavorite>
   }
 
   _buildBody(LoadingState loadingState) {
-    return loadingState is Success
-        ? refreshIndicator(
-            onRefresh: () async {
-              await _controller.onRefresh();
-            },
-            child: CustomScrollView(
-              slivers: [
-                SliverToBoxAdapter(
-                  child: Obx(
-                    () => _controller.first.value.mediaListResponse?.list
-                                ?.isNotEmpty ==
-                            true
-                        ? _buildItem(_controller.first.value, true)
-                        : const SizedBox.shrink(),
-                  ),
-                ),
-                SliverToBoxAdapter(
-                  child: Obx(
-                    () => _controller.second.value.mediaListResponse?.list
-                                ?.isNotEmpty ==
-                            true
-                        ? _buildItem(_controller.second.value, false)
-                        : const SizedBox.shrink(),
-                  ),
-                ),
-                SliverToBoxAdapter(
-                  child: SizedBox(
-                    height: 12 + MediaQuery.of(context).padding.bottom,
-                  ),
-                )
-              ],
-            ),
-          )
-        : loadingState is Error
-            ? Center(
-                child: CustomScrollView(
-                  shrinkWrap: true,
-                  slivers: [
-                    HttpError(
-                      errMsg: loadingState.errMsg,
-                      fn: _controller.onReload,
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? refreshIndicator(
+              onRefresh: () async {
+                await _controller.onRefresh();
+              },
+              child: CustomScrollView(
+                slivers: [
+                  SliverToBoxAdapter(
+                    child: Obx(
+                      () => _controller.first.value.mediaListResponse?.list
+                                  ?.isNotEmpty ==
+                              true
+                          ? _buildItem(_controller.first.value, true)
+                          : const SizedBox.shrink(),
                     ),
-                  ],
-                ),
-              )
-            : Center(
-                child: CircularProgressIndicator(),
-              );
+                  ),
+                  SliverToBoxAdapter(
+                    child: Obx(
+                      () => _controller.second.value.mediaListResponse?.list
+                                  ?.isNotEmpty ==
+                              true
+                          ? _buildItem(_controller.second.value, false)
+                          : const SizedBox.shrink(),
+                    ),
+                  ),
+                  SliverToBoxAdapter(
+                    child: SizedBox(
+                      height: 12 + MediaQuery.of(context).padding.bottom,
+                    ),
+                  )
+                ],
+              ),
+            )
+          : errorWidget(
+              callback: _controller.onReload,
+            ),
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _controller.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 
   _buildItem(Datum data, bool isFirst) {

lib/pages/member/new/content/member_contribute/content/video/member_video.dart

@@ -1,6 +1,6 @@
 import 'package:PiliPalaX/common/constants.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/refresh_indicator.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
 import 'package:PiliPalaX/common/widgets/video_card_h_member_video.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/pages/member/new/content/member_contribute/content/video/member_video_ctr.dart';
@@ -54,106 +54,100 @@ class _MemberVideoState extends State<MemberVideo>
   }
 
   _buildBody(LoadingState loadingState) {
-    return loadingState is Success && loadingState.response is List
-        ? refreshIndicator(
-            onRefresh: () async {
-              await _controller.onRefresh();
-            },
-            child: CustomScrollView(
-              slivers: [
-                SliverPersistentHeader(
-                  pinned: false,
-                  floating: true,
-                  delegate: MySliverPersistentHeaderDelegate(
-                    child: Container(
-                      height: 40,
-                      padding: const EdgeInsets.fromLTRB(12, 0, 6, 0),
-                      color: Theme.of(context).colorScheme.surface,
-                      child: Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: [
-                          Obx(
-                            () => Text(
-                              _controller.count.value != -1
-                                  ? '共${_controller.count.value}视频'
-                                  : '',
-                              style: const TextStyle(fontSize: 13),
-                            ),
-                          ),
-                          SizedBox(
-                            height: 35,
-                            child: TextButton.icon(
-                              onPressed: _controller.queryBySort,
-                              icon: const Icon(Icons.sort, size: 16),
-                              label: Obx(
-                                () => Text(
-                                  widget.type == ContributeType.video
-                                      ? _controller.order.value == 'pubdate'
-                                          ? '最新发布'
-                                          : '最多播放'
-                                      : _controller.sort.value == 'desc'
-                                          ? '默认'
-                                          : '倒序',
-                                  style: const TextStyle(fontSize: 13),
-                                ),
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? refreshIndicator(
+              onRefresh: () async {
+                await _controller.onRefresh();
+              },
+              child: CustomScrollView(
+                slivers: [
+                  SliverPersistentHeader(
+                    pinned: false,
+                    floating: true,
+                    delegate: MySliverPersistentHeaderDelegate(
+                      child: Container(
+                        height: 40,
+                        padding: const EdgeInsets.fromLTRB(12, 0, 6, 0),
+                        color: Theme.of(context).colorScheme.surface,
+                        child: Row(
+                          mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                          children: [
+                            Obx(
+                              () => Text(
+                                _controller.count.value != -1
+                                    ? '共${_controller.count.value}视频'
+                                    : '',
+                                style: const TextStyle(fontSize: 13),
                               ),
                             ),
-                          )
-                        ],
+                            SizedBox(
+                              height: 35,
+                              child: TextButton.icon(
+                                onPressed: _controller.queryBySort,
+                                icon: const Icon(Icons.sort, size: 16),
+                                label: Obx(
+                                  () => Text(
+                                    widget.type == ContributeType.video
+                                        ? _controller.order.value == 'pubdate'
+                                            ? '最新发布'
+                                            : '最多播放'
+                                        : _controller.sort.value == 'desc'
+                                            ? '默认'
+                                            : '倒序',
+                                    style: const TextStyle(fontSize: 13),
+                                  ),
+                                ),
+                              ),
+                            )
+                          ],
+                        ),
                       ),
                     ),
                   ),
-                ),
-                SliverPadding(
-                  // 单列布局 EdgeInsets.zero
-                  padding: EdgeInsets.fromLTRB(
-                    StyleString.safeSpace,
-                    StyleString.safeSpace - 5,
-                    StyleString.safeSpace,
-                    MediaQuery.of(context).padding.bottom + 10,
-                  ),
-                  sliver: SliverGrid(
-                    gridDelegate: SliverGridDelegateWithExtentAndRatio(
-                      mainAxisSpacing: StyleString.safeSpace,
-                      crossAxisSpacing: StyleString.safeSpace,
-                      maxCrossAxisExtent: Grid.maxRowWidth * 2,
-                      childAspectRatio: StyleString.aspectRatio * 2.4,
-                      mainAxisExtent: 0,
+                  SliverPadding(
+                    // 单列布局 EdgeInsets.zero
+                    padding: EdgeInsets.fromLTRB(
+                      StyleString.safeSpace,
+                      StyleString.safeSpace - 5,
+                      StyleString.safeSpace,
+                      MediaQuery.of(context).padding.bottom + 10,
                     ),
-                    delegate: SliverChildBuilderDelegate(
-                      (context, index) {
-                        if (widget.type != ContributeType.season &&
-                            index == loadingState.response.length - 1) {
-                          _controller.onLoadMore();
-                        }
-                        return VideoCardHMemberVideo(
-                          videoItem: loadingState.response[index],
-                          showPubdate: true,
-                        );
-                      },
-                      childCount: loadingState.response.length,
+                    sliver: SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.safeSpace,
+                        crossAxisSpacing: StyleString.safeSpace,
+                        maxCrossAxisExtent: Grid.maxRowWidth * 2,
+                        childAspectRatio: StyleString.aspectRatio * 2.4,
+                        mainAxisExtent: 0,
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          if (widget.type != ContributeType.season &&
+                              index == loadingState.response.length - 1) {
+                            _controller.onLoadMore();
+                          }
+                          return VideoCardHMemberVideo(
+                            videoItem: loadingState.response[index],
+                            showPubdate: true,
+                          );
+                        },
+                        childCount: loadingState.response.length,
+                      ),
                     ),
                   ),
-                ),
-              ],
+                ],
+              ),
+            )
+          : errorWidget(
+              callback: _controller.onReload,
             ),
-          )
-        : loadingState is Loading
-            ? Center(
-                child: CircularProgressIndicator(),
-              )
-            : Center(
-                child: CustomScrollView(
-                  shrinkWrap: true,
-                  slivers: [
-                    HttpError(
-                      errMsg: loadingState is Error
-                          ? (loadingState as Error?)?.errMsg
-                          : 'EMPTY',
-                      fn: _controller.onReload,
-                    ),
-                  ],
-                ),
-              );
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _controller.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member/new/content/member_dynamic/member_dynamic.dart

@@ -1,5 +1,5 @@
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/refresh_indicator.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/pages/dynamics/widgets/dynamic_panel_grpc.dart';
 import 'package:PiliPalaX/pages/member/new/content/member_dynamic/member_dynamic_ctr.dart';
@@ -32,38 +32,34 @@ class _MemberDynamicState extends State<MemberDynamic>
   }
 
   _buildBody(LoadingState loadingState) {
-    return loadingState is Success
-        ? refreshIndicator(
-            onRefresh: () async {
-              await _controller.onRefresh();
-            },
-            child: ListView.separated(
-              itemCount: loadingState.response.length,
-              itemBuilder: (_, index) {
-                if (index == loadingState.response.length - 1) {
-                  _controller.onLoadMore();
-                }
-                return DynamicPanelGrpc(
-                  item: loadingState.response[index],
-                );
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => (loadingState.response as List?)?.isNotEmpty == true
+          ? refreshIndicator(
+              onRefresh: () async {
+                await _controller.onRefresh();
               },
-              separatorBuilder: (_, index) => const SizedBox(height: 10),
+              child: ListView.separated(
+                itemCount: loadingState.response.length,
+                itemBuilder: (_, index) {
+                  if (index == loadingState.response.length - 1) {
+                    _controller.onLoadMore();
+                  }
+                  return DynamicPanelGrpc(
+                    item: loadingState.response[index],
+                  );
+                },
+                separatorBuilder: (_, index) => const SizedBox(height: 10),
+              ),
+            )
+          : errorWidget(
+              callback: _controller.onReload,
             ),
-          )
-        : loadingState is Error
-            ? Center(
-                child: CustomScrollView(
-                  shrinkWrap: true,
-                  slivers: [
-                    HttpError(
-                      errMsg: loadingState.errMsg,
-                      fn: _controller.onReload,
-                    ),
-                  ],
-                ),
-              )
-            : Center(
-                child: CircularProgressIndicator(),
-              );
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _controller.onReload,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member/new/content/member_home/member_home.dart

@@ -1,6 +1,7 @@
 import 'dart:math';
 
 import 'package:PiliPalaX/common/constants.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/common/widgets/network_img_layer.dart';
 import 'package:PiliPalaX/common/widgets/video_card_v_member_home.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
@@ -39,171 +40,183 @@ class _MemberHomeState extends State<MemberHome>
   }
 
   Widget _buildBody(LoadingState loadingState) {
-    return loadingState is Success && loadingState.response is Data
-        ? CustomScrollView(
-            slivers: [
-              if (loadingState.response?.archive?.item?.isNotEmpty == true) ...[
-                _videoHeader(
-                  title: '视频',
-                  param: 'contribute',
-                  param1: 'video',
-                  count: loadingState.response.archive.count,
-                ),
-                SliverPadding(
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: StyleString.safeSpace,
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => loadingState.response is Data
+          ? CustomScrollView(
+              slivers: [
+                if (loadingState.response?.archive?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '视频',
+                    param: 'contribute',
+                    param1: 'video',
+                    count: loadingState.response.archive.count,
                   ),
-                  sliver: SliverGrid(
-                    gridDelegate: SliverGridDelegateWithExtentAndRatio(
-                      mainAxisSpacing: StyleString.cardSpace,
-                      crossAxisSpacing: StyleString.cardSpace,
-                      maxCrossAxisExtent: Grid.maxRowWidth,
-                      childAspectRatio: StyleString.aspectRatio,
-                      mainAxisExtent:
-                          MediaQuery.textScalerOf(context).scale(90),
+                  SliverPadding(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: StyleString.safeSpace,
                     ),
-                    delegate: SliverChildBuilderDelegate(
-                      (context, index) {
-                        return VideoCardVMemberHome(
-                          videoItem: loadingState.response.archive.item[index],
-                        );
-                      },
-                      childCount:
-                          min(4, loadingState.response.archive.item.length),
-                    ),
-                  ),
-                ),
-              ],
-              if (loadingState.response?.favourite2?.item?.isNotEmpty ==
-                  true) ...[
-                _videoHeader(
-                  title: '收藏',
-                  param: 'favorite',
-                  count: loadingState.response.favourite2.count,
-                ),
-                // TODO
-              ],
-              if (loadingState.response?.coinArchive?.item?.isNotEmpty ==
-                  true) ...[
-                _videoHeader(
-                  title: '最近投币的视频',
-                  param: 'coinArchive',
-                  count: loadingState.response.coinArchive.count,
-                ),
-                // TODO
-              ],
-              if (loadingState.response?.likeArchive?.item?.isNotEmpty ==
-                  true) ...[
-                _videoHeader(
-                  title: '最近点赞的视频',
-                  param: 'likeArchive',
-                  count: loadingState.response.likeArchive.count,
-                ),
-                // TODO
-              ],
-              if (loadingState.response?.article?.item?.isNotEmpty == true) ...[
-                _videoHeader(
-                  title: '专栏',
-                  param: 'contribute',
-                  param1: 'article',
-                  count: loadingState.response.article.count,
-                ),
-                SliverToBoxAdapter(
-                  child: ListTile(
-                    dense: true,
-                    onTap: () {
-                      PiliScheme.routePush(Uri.parse(
-                          loadingState.response.article.item.first.uri ?? ''));
-                    },
-                    leading: loadingState.response.article.item.first
-                                .originImageUrls?.isNotEmpty ==
-                            true
-                        ? Container(
-                            margin: const EdgeInsets.symmetric(vertical: 6),
-                            child: LayoutBuilder(
-                              builder: (_, constraints) {
-                                return NetworkImgLayer(
-                                  radius: 6,
-                                  src: loadingState.response.article.item.first
-                                      .originImageUrls!.first,
-                                  width: constraints.maxHeight *
-                                      StyleString.aspectRatio,
-                                  height: constraints.maxHeight,
-                                );
-                              },
-                            ),
-                          )
-                        : null,
-                    title: Text(
-                      loadingState.response.article.item.first.title ?? '',
-                      style: TextStyle(
-                        fontSize: 15,
+                    sliver: SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.cardSpace,
+                        crossAxisSpacing: StyleString.cardSpace,
+                        maxCrossAxisExtent: Grid.maxRowWidth,
+                        childAspectRatio: StyleString.aspectRatio,
+                        mainAxisExtent:
+                            MediaQuery.textScalerOf(context).scale(90),
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          return VideoCardVMemberHome(
+                            videoItem:
+                                loadingState.response.archive.item[index],
+                          );
+                        },
+                        childCount:
+                            min(4, loadingState.response.archive.item.length),
                       ),
                     ),
-                    subtitle: loadingState.response.article.item.first.summary
-                                ?.isNotEmpty ==
-                            true
-                        ? Text(
-                            loadingState.response.article.item.first.summary!,
-                            maxLines: 2,
-                            overflow: TextOverflow.ellipsis,
-                            style: TextStyle(
-                              fontSize: 13,
-                              color: Theme.of(context).colorScheme.outline,
-                            ),
-                          )
-                        : null,
                   ),
-                ),
-              ],
-              if (loadingState.response?.audios?.item?.isNotEmpty == true) ...[
-                _videoHeader(
-                  title: '音频',
-                  param: 'contribute',
-                  param1: 'audio',
-                  count: loadingState.response.audios.count,
-                ),
-                // TODO
-              ],
-              if (loadingState.response?.season?.item?.isNotEmpty == true) ...[
-                _videoHeader(
-                  title: '追番',
-                  param: 'bangumi',
-                  count: loadingState.response.season.count,
-                ),
-                SliverPadding(
-                  padding: const EdgeInsets.symmetric(
-                    horizontal: StyleString.safeSpace,
+                ],
+                if (loadingState.response?.favourite2?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '收藏',
+                    param: 'favorite',
+                    count: loadingState.response.favourite2.count,
                   ),
-                  sliver: SliverGrid(
-                    gridDelegate: SliverGridDelegateWithExtentAndRatio(
-                      mainAxisSpacing: StyleString.cardSpace - 2,
-                      crossAxisSpacing: StyleString.cardSpace,
-                      maxCrossAxisExtent: Grid.maxRowWidth / 3 * 2,
-                      childAspectRatio: 0.65,
-                      mainAxisExtent:
-                          MediaQuery.textScalerOf(context).scale(60),
-                    ),
-                    delegate: SliverChildBuilderDelegate(
-                      (context, index) {
-                        return BangumiCardVMemberHome(
-                          bangumiItem: loadingState.response.season.item[index],
-                        );
+                  // TODO
+                ],
+                if (loadingState.response?.coinArchive?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '最近投币的视频',
+                    param: 'coinArchive',
+                    count: loadingState.response.coinArchive.count,
+                  ),
+                  // TODO
+                ],
+                if (loadingState.response?.likeArchive?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '最近点赞的视频',
+                    param: 'likeArchive',
+                    count: loadingState.response.likeArchive.count,
+                  ),
+                  // TODO
+                ],
+                if (loadingState.response?.article?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '专栏',
+                    param: 'contribute',
+                    param1: 'article',
+                    count: loadingState.response.article.count,
+                  ),
+                  SliverToBoxAdapter(
+                    child: ListTile(
+                      dense: true,
+                      onTap: () {
+                        PiliScheme.routePush(Uri.parse(
+                            loadingState.response.article.item.first.uri ??
+                                ''));
                       },
-                      childCount:
-                          min(3, loadingState.response.season.item.length),
+                      leading: loadingState.response.article.item.first
+                                  .originImageUrls?.isNotEmpty ==
+                              true
+                          ? Container(
+                              margin: const EdgeInsets.symmetric(vertical: 6),
+                              child: LayoutBuilder(
+                                builder: (_, constraints) {
+                                  return NetworkImgLayer(
+                                    radius: 6,
+                                    src: loadingState.response.article.item
+                                        .first.originImageUrls!.first,
+                                    width: constraints.maxHeight *
+                                        StyleString.aspectRatio,
+                                    height: constraints.maxHeight,
+                                  );
+                                },
+                              ),
+                            )
+                          : null,
+                      title: Text(
+                        loadingState.response.article.item.first.title ?? '',
+                        style: TextStyle(
+                          fontSize: 15,
+                        ),
+                      ),
+                      subtitle: loadingState.response.article.item.first.summary
+                                  ?.isNotEmpty ==
+                              true
+                          ? Text(
+                              loadingState.response.article.item.first.summary!,
+                              maxLines: 2,
+                              overflow: TextOverflow.ellipsis,
+                              style: TextStyle(
+                                fontSize: 13,
+                                color: Theme.of(context).colorScheme.outline,
+                              ),
+                            )
+                          : null,
                     ),
                   ),
+                ],
+                if (loadingState.response?.audios?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '音频',
+                    param: 'contribute',
+                    param1: 'audio',
+                    count: loadingState.response.audios.count,
+                  ),
+                  // TODO
+                ],
+                if (loadingState.response?.season?.item?.isNotEmpty ==
+                    true) ...[
+                  _videoHeader(
+                    title: '追番',
+                    param: 'bangumi',
+                    count: loadingState.response.season.count,
+                  ),
+                  SliverPadding(
+                    padding: const EdgeInsets.symmetric(
+                      horizontal: StyleString.safeSpace,
+                    ),
+                    sliver: SliverGrid(
+                      gridDelegate: SliverGridDelegateWithExtentAndRatio(
+                        mainAxisSpacing: StyleString.cardSpace - 2,
+                        crossAxisSpacing: StyleString.cardSpace,
+                        maxCrossAxisExtent: Grid.maxRowWidth / 3 * 2,
+                        childAspectRatio: 0.65,
+                        mainAxisExtent:
+                            MediaQuery.textScalerOf(context).scale(60),
+                      ),
+                      delegate: SliverChildBuilderDelegate(
+                        (context, index) {
+                          return BangumiCardVMemberHome(
+                            bangumiItem:
+                                loadingState.response.season.item[index],
+                          );
+                        },
+                        childCount:
+                            min(3, loadingState.response.season.item.length),
+                      ),
+                    ),
+                  ),
+                ],
+                SliverToBoxAdapter(
+                  child: SizedBox(
+                    height: 12 + MediaQuery.of(context).padding.bottom,
+                  ),
                 ),
               ],
-              SliverToBoxAdapter(
-                child: SizedBox(
-                  height: 12 + MediaQuery.of(context).padding.bottom,
-                ),
-              ),
-            ],
-          )
-        : const SizedBox.shrink();
+            )
+          : errorWidget(),
+      Error() => errorWidget(),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 
   Widget _videoHeader({

lib/pages/member/new/member_page.dart

@@ -1,7 +1,7 @@
 import 'dart:math';
 
 import 'package:PiliPalaX/common/widgets/dynamic_sliver_appbar.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
 import 'package:PiliPalaX/pages/member/new/content/member_contribute/content/bangumi/member_bangumi.dart';
 import 'package:PiliPalaX/pages/member/new/content/member_contribute/content/favorite/member_favorite.dart';
@@ -291,28 +291,19 @@ class _MemberPageNewState extends State<MemberPageNew>
       );
 
   Widget _errorWidget(msg) {
-    return CustomScrollView(
-      shrinkWrap: true,
-      slivers: [
-        HttpError(
-          errMsg: msg,
-          fn: () {
-            _userController.loadingState.value = LoadingState.loading();
-            _userController.onRefresh();
-          },
-        )
-      ],
+    return errorWidget(
+      errMsg: msg,
+      callback: () {
+        _userController.loadingState.value = LoadingState.loading();
+        _userController.onRefresh();
+      },
     );
   }
 
   Widget _buildUserInfo(LoadingState userState, [bool isV = true]) {
-    switch (userState) {
-      case Empty():
-        return _errorWidget('EMPTY');
-      case Error():
-        return _errorWidget(userState.errMsg);
-      case Success():
-        return Obx(
+    return switch (userState) {
+      Loading() => const CircularProgressIndicator(),
+      Success() => Obx(
           () => Padding(
             padding: EdgeInsets.only(
                 bottom: (_userController.tab2?.length ?? 0) > 1 ? 48 : 0),
@@ -326,8 +317,9 @@ class _MemberPageNewState extends State<MemberPageNew>
               onFollow: () => _userController.onFollow(context),
             ),
           ),
-        );
-    }
-    return const CircularProgressIndicator();
+        ),
+      Error() => _errorWidget(userState.errMsg),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 }

lib/pages/member/new/widget/edit_profile_page.dart

@@ -1,5 +1,5 @@
 import 'package:PiliPalaX/common/constants.dart';
-import 'package:PiliPalaX/common/widgets/http_error.dart';
+import 'package:PiliPalaX/common/widgets/loading_widget.dart';
 import 'package:PiliPalaX/http/constants.dart';
 import 'package:PiliPalaX/http/index.dart';
 import 'package:PiliPalaX/http/loading_state.dart';
@@ -99,19 +99,9 @@ class _EditProfilePageState extends State<EditProfilePage> {
       );
 
   Widget _buildBody(LoadingState loadingState) {
-    switch (loadingState) {
-      case Error():
-        return CustomScrollView(
-          shrinkWrap: true,
-          slivers: [
-            HttpError(
-              errMsg: loadingState.errMsg,
-              fn: _getInfo,
-            ),
-          ],
-        );
-      case Success():
-        return SingleChildScrollView(
+    return switch (loadingState) {
+      Loading() => loadingWidget,
+      Success() => SingleChildScrollView(
           child: Column(
             children: [
               _item(
@@ -226,11 +216,13 @@ class _EditProfilePageState extends State<EditProfilePage> {
               _divider,
             ],
           ),
-        );
-    }
-    return Center(
-      child: CircularProgressIndicator(),
-    );
+        ),
+      Error() => errorWidget(
+          errMsg: loadingState.errMsg,
+          callback: _getInfo,
+        ),
+      LoadingState() => throw UnimplementedError(),
+    };
   }
 
   Widget _sexDialog(int current) {