diff --git a/src/pages.json b/src/pages.json
index cdf8fea..d81d35b 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -13,7 +13,6 @@
 			"path": "pages/knowledgeBase/knowledgeBase",
 			"style": {
 				"navigationBarTitleText": "知识库",
-				"navigationBarBackgroundColor": "transparent",
 				"navigationBarTextStyle": "white",
 				"navigationBarBackgroundColor": "#1469BC"
 			}
@@ -21,7 +20,9 @@
 		{
 			"path": "pages/message/message",
 			"style": {
-				"navigationBarTitleText": "消息"
+				"navigationBarTitleText": "消息通知",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#1469BC"
 			}
 		},
 		{
diff --git a/src/pages/knowledgeBase/knowledgeBase.vue b/src/pages/knowledgeBase/knowledgeBase.vue
index ea8e3e9..fadc7e8 100644
--- a/src/pages/knowledgeBase/knowledgeBase.vue
+++ b/src/pages/knowledgeBase/knowledgeBase.vue
@@ -2,7 +2,7 @@
  * @Author: XHC
  * @Date: 2025-05-19 15:18:26
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-22 15:04:34
+ * @LastEditTime: 2025-05-22 15:49:57
  * @Description: 
 -->
 <template>
@@ -27,7 +27,7 @@
 				<view class="head"><text class="title">{{ item.title }}</text></view>
 				<view class="num grey">{{ item.num }}</view>
 				<view class="info-box grey">
-					<uni-row :gutter="40">
+					<uni-row :gutter="30">
 						<uni-col :span="16">
 							<text class="info"><uni-icons fontFamily="iconfont" color="#1469BC">{{'&#xe753;'}}</uni-icons> <text>{{ item.departments }}</text></text>
 						</uni-col>
@@ -106,6 +106,7 @@ const changeTitle = (index) => {
 	.list-box {
 		.info {
 			margin-right: 0;
+			width: 100%;
 		}
 	}
 }
diff --git a/src/pages/message/message.vue b/src/pages/message/message.vue
index 380aa2c..6d0069a 100644
--- a/src/pages/message/message.vue
+++ b/src/pages/message/message.vue
@@ -2,14 +2,74 @@
  * @Author: XHC
  * @Date: 2025-05-19 15:19:14
  * @LastEditors: XHC
- * @LastEditTime: 2025-05-19 15:19:22
+ * @LastEditTime: 2025-05-22 17:23:29
  * @Description: 
 -->
 <template>
-  <view class="message">message</view>
+    <view class="message">
+		<view class="notice">
+			<view class="notice-list" v-for="(item, index) in noticeList" :key="index">
+				<view class="title">
+					<uni-icons fontFamily="iconfont" color="#1571F3" :size="24">{{'&#xe651;'}}</uni-icons>
+					{{ item.title }}
+				</view>
+				<view class="info">{{ item.info }}</view>
+				<view class="bottom">
+					<text class="time"><uni-icons fontFamily="iconfont" color="#808185">{{'&#xe74e;'}}</uni-icons> {{ item.time }}</text>
+					<view class="detail"><text>查看详情</text> <uni-icons type="right" color="#0F64B9" size="20" /></view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script setup>
+import { reactive } from 'vue';
+
+// 通知列表
+const noticeList = reactive([
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+	{ title: '系统通知', info: '即将开展“控制楼巡检”任务，请…', time: '2025-02-20' },
+])
 </script>
 
-<style lang="scss" scoped></style>
\ No newline at end of file
+<style lang="scss" scoped>
+.message {
+	background: url('@/static/image/index/bg.png') no-repeat;
+	background-size: 100% auto;
+	.notice {
+		background: #fff;
+		border-radius: 10rpx 10rpx 0 0;
+		margin: 0 20rpx;
+		padding: 10rpx 0;
+		.notice-list {
+			margin: 20rpx;
+			padding: 20rpx;
+			background: #F1F6FD;
+			border-radius: 10rpx;
+			.title {
+			   color: #004291;
+			   font-weight: bold;
+			   font-size: 32rpx;
+		   }
+		   .info, .bottom {
+			   color: #75777A;
+			   font-size: 23rpx;
+			   padding: 20rpx 0;
+			}
+			.info {
+			   border-bottom: 3rpx solid #fff;
+		   }
+		   .bottom, .detail {
+				display: flex;
+				justify-content: space-between;
+    			align-items: center;
+		   }
+		}
+	}
+}
+</style>
\ No newline at end of file