diff --git a/lib/style/app_style.dart b/lib/style/app_style.dart
index 82ef835..c9a3aa2 100644
--- a/lib/style/app_style.dart
+++ b/lib/style/app_style.dart
@@ -1,11 +1,19 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 class AppStyle {
   //颜色，渐变主颜色和次级颜色
   static const primaryColor =Color(0xFFFDCF12);
   static const minorColor=Color(0xFFFFDF5D);
 
-  //字体
+  //字体颜色
   static const primaryTextColor=Color(0xFF333333);
   static const minorTextColor=Color(0xFF999999);
 
+  //字体格式
+  final barTitleStyle=TextStyle(
+    color: primaryTextColor,
+    fontSize: 36.sp,
+    fontWeight: FontWeight.bold,
+  );
+
 }
\ No newline at end of file
diff --git a/lib/ui/home/system_message.dart b/lib/ui/home/system_message.dart
new file mode 100644
index 0000000..a2ee2ec
--- /dev/null
+++ b/lib/ui/home/system_message.dart
@@ -0,0 +1,49 @@
+import 'package:aku_community_manager/style/app_style.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+class SystemMessage extends StatefulWidget {
+  SystemMessage({Key key}) : super(key: key);
+
+  @override
+  _SystemMessageState createState() => _SystemMessageState();
+}
+
+class _SystemMessageState extends State<SystemMessage> {
+  Widget _messageList(String date){
+    Column(
+      children: [
+        Container(
+          alignment: Alignment.center,
+          width: double.infinity,
+          height: 48.w+33.w,
+          child: Text('date',style: TextStyle(color: AppStyle.minorTextColor,fontSize: 24.sp),),
+        ),
+        Container(
+          padding: EdgeInsets.all(24.w),
+          color: Color(0xFFFFFFFF),
+          child: Column(
+            children: [
+              Row(
+               children:[ Icon(Icons.point_of_sale,size: 16.w,),
+               SizedBox(width: 16.w,),
+               Text('系统通知',style: TextStyle(color:AppStyle.primaryTextColor,fontSize:32.sp,fontWeight: FontWeight.w600),),
+               ]
+              ),
+            ],
+          ),
+        ),
+      ],
+    );
+  }
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title:Text('消息',style:AppStyle().barTitleStyle),
+      ),
+      body:ListView(children: [
+        _messageList('2020-10-23 10:00')
+      ],) ,
+    );
+  }
+}
\ No newline at end of file
diff --git a/pubspec.lock b/pubspec.lock
index a6882f8..aab345a 100644
--- a/pubspec.lock
+++ b/pubspec.lock
@@ -24,6 +24,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "2.1.0-nullsafety.1"
+  carousel_slider:
+    dependency: "direct main"
+    description:
+      name: carousel_slider
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "2.3.1"
   characters:
     dependency: transitive
     description:
diff --git a/pubspec.yaml b/pubspec.yaml
index df70e45..6710dda 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -36,6 +36,8 @@ dependencies:
   get: ^3.15.0
   #刷新
   flutter_easyrefresh: ^2.1.6
+  #划动组件
+  carousel_slider: ^2.3.1
 
   aku_ui:
     git: