diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..df8b1ac
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1,8 @@
+import request  from "@/utils/request";
+
+export function getNotice() {
+  return request({
+    url: "/system/notice/getNotice",
+    method: "get",
+  });
+}
diff --git a/src/views/index.vue b/src/views/index.vue
index 63c8192..8068e28 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -2,25 +2,31 @@
   <div class="app-container home">
     <el-row :gutter="20">
       <el-col :sm="24" :lg="24">
-        <blockquote class="text-warning" style="font-size: 14px">
-          欢迎使用黄炎培职业教育奖网上申报系统
-        </blockquote>
-        <hr />
+        <div v-html="noticeContent" style="width: 90%;margin: 0 auto;font-size: 16px;text-indent: 30px;">
+
+        </div>
       </el-col>
     </el-row>
-    <el-divider />
   </div>
 </template>
 
 <script>
+import {getNotice} from "@/api";
+
 export default {
   name: "Index",
   data() {
     return {
       // 版本号
-      version: "3.8.7"
+      version: "3.8.7",
+      noticeContent:null,
     };
   },
+  mounted() {
+    getNotice().then((res)=>{
+      this.noticeContent = res.data.noticeContent
+    })
+  },
   methods: {
     goTarget(href) {
       window.open(href, "_blank");
@@ -30,6 +36,13 @@ export default {
 </script>
 
 <style scoped lang="scss">
+::v-deep .ql-align-center{
+  font-size: 22px;
+  text-align: center;
+}
+::v-deep .ql-align-justify {
+  line-height: 30px;
+}
 .home {
   blockquote {
     padding: 10px 20px;