feat: 新增单页面通知公告编辑与查看

src/styles/global.scss

@@ -1,6 +1,22 @@
 /* 全局样式 */
 @import './var.scss';
-
+// 全局滚动条
+::-webkit-scrollbar-thumb {
+  background-color: var(--color-bg-3);
+  border-radius: 5px;
+}
+::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-bg-3);
+  border-radius: 5px;
+}
+::-webkit-scrollbar {
+  width:8px;
+  height: 5px;
+}
+::-webkit-scrollbar-track-piece {
+  background-color: rgba(0, 0, 0, 0);
+  border-radius: 0;
+}
 // 通用外边距
 .gi_margin {
   margin: $margin;
@@ -228,7 +244,25 @@
   max-height: 100%;
   overflow: hidden;
 }
-
+.detail{
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  &_header{
+    background: var(--color-bg-1);
+  }
+  &_content{
+    position: relative;
+    flex: 1;
+    // height: 100%;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    padding: $padding;
+    margin: $margin;
+    background: var(--color-bg-1);
+  }
+}
 .gi_card_title {
   .arco-card-header-title::before {
     content: '';