修改会议记录

lib/modules/meeting/controllers/meeting_controller.dart

@@ -1,3 +1,19 @@
+import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 
-class MeetingController extends GetxController {}
+class MeetingController extends GetxController
+    with GetSingleTickerProviderStateMixin {
+  late AnimationController lottieController;
+
+  @override
+  void onInit() {
+    super.onInit();
+    lottieController = AnimationController(vsync: this);
+  }
+
+  @override
+  void onClose() {
+    lottieController.dispose();
+    super.onClose();
+  }
+}

lib/modules/meeting/views/meeting_view.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
+import 'package:lottie/lottie.dart';
 
 import '../../../core/theme/app_colors.dart';
 import '../controllers/meeting_controller.dart';
@@ -12,7 +14,214 @@ class MeetingView extends GetView<MeetingController> {
     final isDarkMode = Theme.of(context).brightness == Brightness.dark;
 
     return Scaffold(
-      backgroundColor: isDarkMode ? AppColors.darkBackground : Colors.grey[50],
+      backgroundColor: isDarkMode ? Colors.black : Colors.grey[50],
+      appBar: _buildAppBar(isDarkMode),
+      body: _buildBody(isDarkMode),
+    );
+  }
+
+  // 构建应用栏
+  PreferredSizeWidget _buildAppBar(bool isDarkMode) {
+    return AppBar(
+      backgroundColor: isDarkMode ? Colors.black : Colors.white,
+      elevation: 0.5,
+      leading: IconButton(
+        icon: Icon(
+          Icons.arrow_back_ios,
+          color: isDarkMode ? Colors.white : Colors.black,
+          size: 20.sp,
+        ),
+        onPressed: () => Get.back(),
+      ),
+      title: Padding(
+        padding: const EdgeInsets.only(right: 56),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(
+              Icons.keyboard_voice,
+              color: isDarkMode ? Colors.white : Colors.black,
+            ),
+            5.horizontalSpace,
+            Text(
+              '00:00:00',
+              style: TextStyle(
+                fontSize: 17.sp,
+                fontWeight: FontWeight.w600,
+                color: isDarkMode ? Colors.white : Colors.black,
+              ),
+            ),
+          ],
+        ),
+      ),
+      centerTitle: true,
+    );
+  }
+
+  // 构建主体内容
+  Widget _buildBody(bool isDarkMode) {
+    return Padding(
+      padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 10.w),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Row(
+            children: [
+              Expanded(
+                child: Text(
+                  '2025-03-03 录音',
+                  style: TextStyle(
+                    color: isDarkMode ? Colors.white : Colors.black87,
+                    fontSize: 17.sp,
+                  ),
+                ),
+              ),
+              10.horizontalSpace,
+              Text(
+                '中文',
+                style: TextStyle(
+                  color: isDarkMode ? Colors.white : Colors.black87,
+                  fontSize: 15.sp,
+                ),
+              ),
+            ],
+          ),
+          Padding(
+            padding: EdgeInsets.symmetric(vertical: 5.w),
+            child: Text(
+              '2025-03-03 16:18',
+              style: TextStyle(
+                color: isDarkMode ? Colors.grey[400] : Colors.grey[500],
+                fontSize: 14.sp,
+              ),
+            ),
+          ),
+          _audioWave(isDarkMode),
+          _recordContent(isDarkMode),
+          _bottomButton(isDarkMode),
+        ],
+      ),
+    );
+  }
+
+  // 音波
+  Widget _audioWave(bool isDarkMode) {
+    return Container(
+      width: double.infinity,
+      height: 70.w,
+      margin: EdgeInsets.symmetric(vertical: 5.w),
+      decoration: BoxDecoration(
+        color: isDarkMode ? Colors.white.withOpacity(0.05) : Colors.white,
+        borderRadius: BorderRadius.circular(12.w),
+        boxShadow: [
+          BoxShadow(
+            color: isDarkMode
+                ? Colors.black.withOpacity(0.2)
+                : Colors.black.withOpacity(0.05),
+            blurRadius: 10,
+            offset: const Offset(0, 2),
+          ),
+        ],
+      ),
+      child: Row(
+        children: [
+          Expanded(
+            child: Lottie.asset(
+              'assets/lottie/audio_wave.json',
+              controller: controller.lottieController,
+              fit: BoxFit.fill,
+              onLoaded: (composition) {
+                controller.lottieController.duration = composition.duration;
+              },
+            ),
+          ),
+          Expanded(
+            child: Lottie.asset(
+              'assets/lottie/audio_wave.json',
+              controller: controller.lottieController,
+              fit: BoxFit.fill,
+            ),
+          ),
+          Expanded(
+            child: Lottie.asset(
+              'assets/lottie/audio_wave.json',
+              controller: controller.lottieController,
+              fit: BoxFit.fill,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  // 记录内容
+  Widget _recordContent(bool isDarkMode) {
+    return Expanded(
+      child: Container(
+        width: double.infinity,
+        padding: EdgeInsets.all(10.w),
+        margin: EdgeInsets.symmetric(vertical: 5.w),
+        decoration: BoxDecoration(
+          color: isDarkMode ? Colors.white.withOpacity(0.05) : Colors.white,
+          borderRadius: BorderRadius.circular(12.w),
+          boxShadow: [
+            BoxShadow(
+              color: isDarkMode
+                  ? Colors.black.withOpacity(0.2)
+                  : Colors.black.withOpacity(0.05),
+              blurRadius: 10,
+              offset: const Offset(0, 2),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  // 底部按钮
+  Widget _bottomButton(bool isDarkMode) {
+    return Padding(
+      padding: EdgeInsets.only(top: 40.w, bottom: 30.w),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: [
+          GestureDetector(
+            onTap: () {},
+            child: Container(
+              width: 130.w,
+              height: 60.w,
+              decoration: BoxDecoration(
+                borderRadius: BorderRadius.circular(60.w),
+                border: Border.all(
+                  color: isDarkMode ? AppColors.primary : Colors.blue,
+                  width: 2.w,
+                ),
+              ),
+              child: Icon(
+                Icons.pause,
+                color: isDarkMode ? AppColors.primary : Colors.blue,
+                size: 40.w,
+              ),
+            ),
+          ),
+          GestureDetector(
+            onTap: () {},
+            child: Container(
+              width: 130.w,
+              height: 60.w,
+              decoration: BoxDecoration(
+                color: isDarkMode ? AppColors.primary : Colors.blue,
+                borderRadius: BorderRadius.circular(60.w),
+              ),
+              child: Icon(
+                Icons.fiber_manual_record_outlined,
+                color: Colors.white,
+                size: 40.w,
+              ),
+            ),
+          ),
+        ],
+      ),
     );
   }
 }

pubspec.yaml

@@ -64,4 +64,5 @@ flutter:
     - assets/images/headphone_dark.png
     - assets/images/agents/
     - assets/images/explore.png
+    - assets/lottie/
     - .env