通知中心

config/defaultSettings.ts

@@ -29,7 +29,8 @@ export const antdTheme = {
   'table-header-bg': 'rgb(241,245,251)',
   'table-row-hover-bg': 'rgb(241,245,251)',
   'table-padding-vertical': '12px',
-  'table-header-color': 'rgb(143,146,153)'
+  'table-header-color': 'rgb(143,146,153)',
+  'menu-item-active-bg': 'rgba(0,79,142,0.1)'
 }
 
 export type { DefaultSettings };

src/pages/notice/notice.tsx

@@ -1,11 +1,9 @@
 import React, { useState, useEffect } from 'react';
-import { Table, Menu, Typography, Row, Col, Card } from 'antd';
+import { Table, Menu, Row, Col } from 'antd';
 import { history } from 'umi';
 import { BellOutlined, AppstoreOutlined } from '@ant-design/icons';
 import styles from './notice.less';
 
-const { Title } = Typography;
-
 // 模拟系统更新通知数据
 const mockSystemNotices = [
   {
@@ -150,7 +148,7 @@ const NoticePage: React.FC = () => {
 
   return (
     <div className={styles.noticeContainer}>
-      <Row className={styles.noticeRow}>
+      <Row gutter={10} className={styles.noticeRow}>
         <Col span={3} className={styles.menuCol}>
           <Menu
             mode="vertical"
@@ -182,7 +180,6 @@ const NoticePage: React.FC = () => {
               loading={loading}
               onChange={handleTableChange}
               bordered
-              className={styles.noticeTable}
             />
           </div>
         </Col>