头部 提醒的图片修改

src/assets/icons/iconfont.css

@@ -12,6 +12,14 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-manageperson:before {
+  content: '\e62d';
+}
+
+.icon-manageintroduce:before {
+  content: '\e62b';
+}
+
 .icon-managecloth:before {
   content: '\e62a';
 }

src/assets/icons/iconfont.json

@@ -6,6 +6,20 @@
   "description": "行政管理所用图片",
   "glyphs": [
     {
+      "icon_id": "29802519",
+      "name": "person",
+      "font_class": "person",
+      "unicode": "e62d",
+      "unicode_decimal": 58925
+    },
+    {
+      "icon_id": "29802295",
+      "name": "introduce",
+      "font_class": "introduce",
+      "unicode": "e62b",
+      "unicode_decimal": 58923
+    },
+    {
       "icon_id": "28976686",
       "name": "cloth",
       "font_class": "cloth",

src/layouts/index.jsx

@@ -17,6 +17,7 @@ export default (props) => {
       content: '具体介绍管理员权限下的管理功能及相关操作说明。',
       name: '行政端操作指南.pdf',
       url: 'http://10.100.28.79/image-service/common/file_get?systemId=dataPlatform&key=%E8%A1%8C%E6%94%BF%E7%AB%AF%E6%93%8D%E4%BD%9C%E6%89%8B%E5%86%8C20220419.pdf',
+      iconName: 'book',
     },
     {
       title: 'sagacare介绍',
@@ -24,6 +25,7 @@ export default (props) => {
       content: '环境健康主动管理服务',
       name: 'saga销售手册.pdf',
       url: 'http://10.100.28.79/image-service/common/file_get?systemId=dataPlatform&key=sagacare%E4%BB%8B%E7%BB%8D.pdf',
+      iconName: 'introduce',
     },
   ]);
   const showMenuClick = () => {
@@ -38,6 +40,7 @@ export default (props) => {
         message: item.title,
         description: item.content,
         duration: 0,
+        className: 'custom-class',
         onClick: () => {
           console.log('Notification Clicked!', item);
           // 下载pdf 需产品给出
@@ -48,7 +51,7 @@ export default (props) => {
           a.download = item.name;
           a.click();
         },
-        icon: <SmileOutlined style={{ color: '#108ee9', fontSize: 32 }} />,
+        icon: <Icon type={item.iconName} style={{ fontSize: 32, color: '#108ee9' }}></Icon>,
         style: {
           width: 400,
           borderRadius: 30,
@@ -92,7 +95,9 @@ export default (props) => {
       <div className={styles.header}>
         <div className={styles.title}>之江项目</div>
         <div className={styles.right}>
-          <div className={styles.picture}></div>
+          <div className={styles.picture}>
+            <Icon type="person" style={{ fontSize: 28 }}></Icon>
+          </div>
           <div
             className={styles.notify}
             onClick={(event) => {

src/layouts/index.less

@@ -16,6 +16,9 @@
   .ant-drawer-content-wrapper {
     // border-radius: 10px;
   }
+  .ant-notification-notice-icon {
+    top: 30px;
+  }
 }
 
 .header {
@@ -37,8 +40,8 @@
       width: 40px;
       height: 40px;
       margin-right: 24px;
-      background-color: #4f4f4f;
-      border-radius: 40px;
+      //   background-color: #4f4f4f;
+      //   border-radius: 40px;
     }
     .notify {
       margin-right: 24px;