💄style：通知内容支持换行

src/views/notice/Detail.jsx

@@ -1,36 +1,34 @@
-import { NavLink, useParams } from 'react-router-dom';
+import { useParams } from "react-router-dom";
-import { useEffect, useState } from 'react';
+import { useEffect, useState } from "react";
-import { Row, Col, Space, Typography, Divider } from 'antd';
+import { Row, Col, Space, Typography, Divider } from "antd";
-import * as comm from '@/utils/commons';
+import { fetchNoticeDetail } from "@/stores/Notice";
-import { useTranslation } from 'react-i18next';
+import BackBtn from "@/components/BackBtn";
-import { fetchNoticeDetail } from '@/stores/Notice';
+import { usingStorage } from "@/hooks/usingStorage";
-import BackBtn from '@/components/BackBtn';
-import { usingStorage } from '@/hooks/usingStorage';
 
 const { Title, Paragraph } = Typography;
 
 function Detail() {
-  const { t } = useTranslation();
   const { CCP_BLID } = useParams();
-  const {userId} = usingStorage();
+  const { userId } = usingStorage();
 
   const [noticeInfo, setNoticeInfo] = useState({});
   useEffect(() => {
-    // console.info("notice detail .useEffect " + CCP_BLID);
     fetchNoticeDetail(userId, CCP_BLID).then((res) => {
       setNoticeInfo(res);
     });
   }, []);
 
   return (
-    <Space direction='vertical' style={{ width: '100%' }}>
+    <Space direction="vertical" style={{ width: "100%" }}>
       <Row gutter={16}>
         <Col span={4}></Col>
         <Col span={16}>
           <Title level={1}>{noticeInfo.CCP_BLTitle}</Title>
-          <Divider orientation='right'>{noticeInfo.CCP_LastEditTime}</Divider>
+          <Divider orientation="right">{noticeInfo.CCP_LastEditTime}</Divider>
           <Paragraph>
-            <div dangerouslySetInnerHTML={{ __html: comm.escape2Html(noticeInfo.CCP_BLContent) }}></div>
+            <div className="whitespace-pre-line">
+              {noticeInfo.CCP_BLContent}
+            </div>
           </Paragraph>
         </Col>
         <Col span={4}>