啥都没提交，试一下

src/components/common/notification/Notification.jsx

@@ -1,4 +1,7 @@
 import React, {Component} from 'react';
+import {Input} from 'antd';
+import './index.css';
+
 class Notification extends Component {
     constructor() {
         super();
@@ -7,7 +10,9 @@ class Notification extends Component {
     render() {
         return (
             <div>
-                notification
+                <span className='table-title'> Notification Settings</span>
+                <p><b>Ding Talk</b></p>
+                <p>Web hook <Input/></p>
             </div>
         )
     }

src/components/common/notification/index.css

@@ -0,0 +1,14 @@
+.table-title {
+  font-weight: bold;
+  font-size: large;
+  display: block;
+  height: 35px;
+}
+
+.table-title::before {
+  content: '|';
+  display: inline-block;
+  font-weight: 900;
+  color: #0B7FC7;
+  /*border-right: */
+}