diff --git a/src/pages/base/gzs/index.vue b/src/pages/base/gzs/index.vue
index 37fa932..e80c644 100644
--- a/src/pages/base/gzs/index.vue
+++ b/src/pages/base/gzs/index.vue
@@ -2,10 +2,7 @@
   <BasicLayout>
     <view class="p-15">
       <view class="white-bg-color p-15 r-md" v-if="notice">
-        <view> 各位家长：</view>
-        <view class="notice-text">
-          <view v-html="notice" />
-        </view>
+        <RichTextContent :content="notice" />
       </view>
       <BasicSign ref="signCompRef" title="签名"></BasicSign>
     </view>
@@ -29,6 +26,7 @@ import { xkgzsApi } from "@/api/base/server";
 import { useDataStore } from "@/store/modules/data";
 import { showLoading } from "@/utils/uniapp";
 import { onLoad } from "@dcloudio/uni-app";
+import RichTextContent from "@/components/RichTextContent/RichTextContent.vue";
 
 const signCompRef = ref<any>(null);
 const sign_file = ref<any>(null);
@@ -84,8 +82,41 @@ async function submit() {
 </script>
 
 <style lang="scss" scoped>
-.notice-text {
-  margin-top: 10px;
-  text-indent: 2em; /* 添加两个中文字符的缩进 */
+// 页面样式
+.white-bg-color {
+  background-color: #fff;
+}
+
+.r-md {
+  border-radius: 8px;
+}
+
+.p-15 {
+  padding: 15px;
+}
+
+.py-5 {
+  padding: 5px 0;
+}
+
+.pb-10 {
+  padding-bottom: 10px;
+}
+
+.pt-5 {
+  padding-top: 5px;
+}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.items-center {
+  align-items: center;
+}
+
+.mx-15 {
+  margin: 0 15px;
 }
 </style>
diff --git a/src/pages/base/home/index.vue b/src/pages/base/home/index.vue
index 402e133..9afa299 100644
--- a/src/pages/base/home/index.vue
+++ b/src/pages/base/home/index.vue
@@ -240,25 +240,7 @@ const menuItems = ref([
 ]);
 
 // 通知公告数据
-const announcements = ref<any>([
-	{
-	  "id": 2142746416,
-	  "createdTime": "2024-10-10 09:37:45",
-	  "updatedTime": "2024-10-12 15:47:44",
-	  "createdUserName": "管理员",
-	  "updatedUserName": "管理员",
-	  "title": "值周学生常规规范",
-	  "columnId": 24,
-	  "sort": 1,
-	  "description": "",
-	  "releaseTime": "2024-10-10 09:32:36",
-	  "author": "",
-	  "source": "",
-	  "content": "<p style=\"text-align: center;\"><br></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">1.值周前一周放假前清楚自己常规检查的位楼栋、楼层和班级；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">2.检查时段包括早读、大课间、下午眼保健操。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">3.检查内容。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px; font-family: 黑体;\"><strong>早读八看：</strong></span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑴看是否有教师值守；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑵看值守教师是否长时间玩手机；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑶看黑板上的值日课程贴是否填写；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑷看同学是否到班即读，有无疯玩打闹；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑸看课桌椅、讲桌是否整齐、整洁；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑹看红领巾佩戴(队徽)情况；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑺看教室、走廊是否有垃圾；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑻看黑板上是否书写(课件)有早读的内容和要求。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px; font-family: 黑体;\"><strong>大课间七看：</strong></span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑴看是否认真组织室内操；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑵看室外操班级是否留有学生在教室且打闹；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑶看室内操是否安静、动用是否整齐；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑷看是否有教师值守室内操；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑸看教室、走廊地面是否有垃圾；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑹看室外操班级桌面是否收拾整洁；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑺看室外操班级是否关闭用电设备。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px; font-family: 黑体;\"><strong>眼保健操五看：</strong></span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑴看是否按要求组织眼保健操；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑵看做操时是否关灯；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑶看是否有学生讲话、未做、未闭眼做操；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑷看教室、走廊地面是否整洁；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">⑸看走廊书吧是否整齐。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">4.检查时实行蹲点检查，整个时段来回巡查。</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">5.校门口礼仪队同学要保持良好的精神状态，着装整洁，可设计个性的欢迎口号、动作、道具等，热情向师生问好；</span></p><p style=\"text-indent: 30pt; line-height: 2;\"><span style=\"color: black; font-size: 19px;\">6.常规检查同学到班检查要佩戴好绶带，进入教室要喊“报告”。</span></p>",
-	  "columnName": "师、生值周工作要求",
-	  "pk": 2142746416
-	}
-])
+const announcements = ref<any>([])
 
 // 当前选中的学生
 let curXs = computed(() => getCurXs)