factor:布局颜色重构

lib/views/home.dart

@@ -49,17 +49,9 @@ class _HomePage extends State<HomePage> {
           )
         ],
       ),
-      backgroundColor: Color(0xFFF5F5F5),
+      // backgroundColor: Color(0xFFF5F5F5),
       drawer: SettingsDrawer(),
-      body: Padding(padding: EdgeInsets.all(4), child: tabPages[_currentIndex]),
+      body: Padding(padding: EdgeInsets.all(10), child: tabPages[_currentIndex]),
-      // floatingActionButton: FloatingActionButton(
-      //   backgroundColor: Theme.of(context).colorScheme.primary,
-      //   onPressed: () => buildBottomSheet(context),
-      //   shape: const CircleBorder(),
-      //   mini: true,
-      //   child: const Icon(Icons.add, color: Colors.white, size: 30),
-      // ),
-      // floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
       bottomNavigationBar: buildBottomNavBar(
         currentIndex: _currentIndex,
         onTap: (index) {

lib/views/moment.dart

@@ -79,9 +79,10 @@ class _MomentPageState extends State<MomentPage> {
   void _scrollToTop() => scrollToTopAnimateTo(_scrollController);
 
   Widget _buildMomentList(FoodProvider provider) {
-    return ListView.builder(
+    return ListView.separated(
       controller: _scrollController,
       itemCount: provider.momentList.length,
+      separatorBuilder: (context, index) => SizedBox(height: 8),
       itemBuilder: (context, index) {
         return MomentCard(moment: provider.momentList[index]);
       },

lib/views/moment_form.dart

@@ -143,7 +143,7 @@ class _MomentFormPageState extends State<MomentFormPage> {
       body: SingleChildScrollView(
         child: Padding(
           padding: EdgeInsets.all(5),
-          child: buildCard(context: context, child: _buildFormBuilder()),
+          child: BuildCard(child: _buildFormBuilder()),
         ),
       ),
     );

lib/views/recipe_detail.dart

@@ -55,9 +55,8 @@ class _RecipeDetailState extends State<RecipeDetailPage> {
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(title: Text('菜谱信息')),
-      backgroundColor: Color(0xFFF5F5F5),
       body: SingleChildScrollView(
-        child: Padding(padding: EdgeInsets.all(5), child: _buildRecipeDetail()),
+        child: Padding(padding: EdgeInsets.all(10), child: _buildRecipeDetail()),
       ),
     );
   }
@@ -67,12 +66,14 @@ class _RecipeDetailState extends State<RecipeDetailPage> {
       crossAxisAlignment: CrossAxisAlignment.center,
       children: [
         _buildTitleSection(),
+        SizedBox(height: 8),
         _buildInfoCard(
           context,
           icon: Icons.info,
           title: "基础信息",
           content: buildTag(context, recipe.category),
         ),
+        SizedBox(height: 8),
         _buildInfoCard(
           context,
           icon: Icons.shopping_cart,
@@ -86,6 +87,7 @@ class _RecipeDetailState extends State<RecipeDetailPage> {
             ],
           ),
         ),
+        SizedBox(height: 8),
         _buildInfoCard(
           context,
           icon: Icons.list,
@@ -95,6 +97,7 @@ class _RecipeDetailState extends State<RecipeDetailPage> {
                 recipe.stepList.map((step) => _buildStepSection(step)).toList(),
           ),
         ),
+        SizedBox(height: 8),
         _buildInfoCard(
           context,
           icon: Icons.note,
@@ -183,8 +186,7 @@ class _RecipeDetailState extends State<RecipeDetailPage> {
     required String title,
     required Widget content,
   }) {
-    return buildCard(
+    return BuildCard(
-      context: context,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [

lib/views/record_form.dart

@@ -297,11 +297,10 @@ class _RecordFormPageState extends State<RecordFormPage> {
           onPressed: () => Navigator.pop(context),
         ),
       ),
-      backgroundColor: const Color(0xFFF5F5F5),
       body: SingleChildScrollView(
         child: Padding(
-          padding: EdgeInsets.all(5),
+          padding: EdgeInsets.all(10),
-          child: buildCard(context: context, child: _buildFormBuilder()),
+          child: BuildCard(child: _buildFormBuilder()),
         ),
       ),
     );

lib/views/stats.dart

@@ -31,8 +31,8 @@ class _StatsPage extends State<StatsPage> {
       physics: const NeverScrollableScrollPhysics(),
       // 禁用网格自身滚动
       crossAxisCount: 2,
-      // crossAxisSpacing: 5,
+      crossAxisSpacing: 8,
-      // mainAxisSpacing: 5,
+      mainAxisSpacing: 8,
       childAspectRatio: 2,
       children: [
         StatisticCard(
@@ -121,23 +121,20 @@ class _StatsPage extends State<StatsPage> {
     return Column(
       children: [
         _buildSummaryStats(provider),
+        SizedBox(height: 8),
         SizedBox(
           height: chartHeight,
-          child: buildCard(
+          child: BuildCard(child: _buildRecordStats(provider)),
-            context: context,
-            child: _buildRecordStats(provider),
-          ),
         ),
+        SizedBox(height: 8),
         SizedBox(
           height: chartHeight,
-          child: buildCard(
+          child: BuildCard(child: _buildCategoryStats(provider)),
-            context: context,
-            child: _buildCategoryStats(provider),
-          ),
         ),
+        SizedBox(height: 8),
         SizedBox(
           height: chartHeight,
-          child: buildCard(context: context, child: _buildRankStats(provider)),
+          child: BuildCard(child: _buildRankStats(provider)),
         ),
       ],
     );

lib/widgets/common/index.dart

@@ -28,21 +28,25 @@ InputDecoration formInputDecoration({
   );
 }
 
-Widget buildCard({required BuildContext context, required Widget child}) {
+class BuildCard extends StatelessWidget {
-  final colors = Theme.of(context).colorScheme;
+  final Widget? child;
-  return Card(
+
-    elevation: 0,
+  const BuildCard({super.key, this.child});
-    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+
-    child: Container(
+  @override
-      width: double.infinity,
+  Widget build(BuildContext context) {
+    final colors = Theme.of(context).colorScheme;
+
+    return Container(
       decoration: BoxDecoration(
-        color: Colors.white,
+        color: colors.surfaceContainer,
         borderRadius: BorderRadius.circular(12),
-        // border: Border.all(color: colors.outline.withAlpha(50)),
+        // border: Border.all(color: colors.outline.withAlpha(50), width: 1),
       ),
-      child: Padding(padding: EdgeInsets.all(10), child: child),
+      padding: const EdgeInsets.all(16),
-    ),
+      child: child,
-  );
+    );
+  }
 }
 
 Widget buildEmptyData() {

lib/widgets/moment/card.dart

@@ -12,8 +12,7 @@ class MomentCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return buildCard(
+    return BuildCard(
-      context: context,
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [

lib/widgets/recipe/calendar.dart

@@ -62,16 +62,16 @@ class _RecipeCalendarState extends State<RecipeCalendar> {
         if (provider.selectRecordList.isEmpty)
           buildEmptyData()
         else
-          ListView.builder(
+          Expanded(
-            shrinkWrap: true,
+            child: ListView.builder(
-            physics: NeverScrollableScrollPhysics(),
+              itemCount: provider.selectRecordList.length,
-            itemCount: provider.selectRecordList.length,
+              itemBuilder: (context, index) {
-            itemBuilder: (context, index) {
+                return _buildRecordItem(
-              return _buildRecordItem(
+                  context,
-                context,
+                  provider.selectRecordList[index],
-                provider.selectRecordList[index],
+                );
-              );
+              },
-            },
+            ),
           ),
       ],
     );
@@ -188,13 +188,9 @@ class _RecipeCalendarState extends State<RecipeCalendar> {
   Widget _buildContent(FoodProvider provider) {
     return Column(
       children: [
-        buildCard(context: context, child: _recipeCalendar(provider)),
+        BuildCard(child: _recipeCalendar(provider)),
-        Expanded(
+        SizedBox(height: 8),
-          child: buildCard(
+        Expanded(child: BuildCard(child: _dailyItem(context, provider))),
-            context: context,
-            child: _dailyItem(context, provider),
-          ),
-        ),
       ],
     );
   }

lib/widgets/recipe/card.dart

@@ -81,8 +81,7 @@ class RecipeCard extends StatelessWidget {
       );
     }
 
-    return buildCard(
+    return BuildCard(
-      context: context,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [

lib/widgets/recipe/list.dart

@@ -83,8 +83,9 @@ class _RecipeListState extends State<RecipeList> {
           _buildSelectCategory(provider),
           SizedBox(height: 5),
           Expanded(
-            child: ListView.builder(
+            child: ListView.separated(
               itemCount: provider.recipeSummaryList.length,
+              separatorBuilder: (context, index) => SizedBox(height: 8),
               itemBuilder: (context, index) {
                 return RecipeCard(recipe: provider.recipeSummaryList[index]);
               },

lib/widgets/recipe/timeline.dart

@@ -16,8 +16,7 @@ class RecipeTimeline extends StatefulWidget {
 
 class _RecipeTimeline extends State<RecipeTimeline> {
   Widget buildTimelineCard(BuildContext context, FoodRecord record) {
-    return buildCard(
+    return BuildCard(
-      context: context,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.start,
         children: [
@@ -69,7 +68,10 @@ class _RecipeTimeline extends State<RecipeTimeline> {
             );
           },
           contentsBuilder: (context, index) {
-            return buildTimelineCard(context, recordList[index]);
+            return Padding(
+              padding: const EdgeInsets.symmetric(vertical: 4.0),
+              child: buildTimelineCard(context, recordList[index]),
+            );
           },
         ),
       );

lib/widgets/stats/card.dart

@@ -20,8 +20,7 @@ class StatisticCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return buildCard(
+    return BuildCard(
-      context: context,
       child: Row(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [