Kaynağa Gözat

feat: 使用段落处理通知详情与外面列表保持一致

lanjianrong 4 yıl önce
ebeveyn
işleme
25b00ccd0a

+ 3 - 3
src/pages/Hr/Notification/components/MessageDrawer.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import MarkDown from 'react-markdown'
 import MarkDown from 'react-markdown'
 import styles from '@/pages/Hr/Notification/index.less'
 import styles from '@/pages/Hr/Notification/index.less'
 import 'vditor/src/assets/scss/index.scss'
 import 'vditor/src/assets/scss/index.scss'
-import { Tag } from 'antd'
+import { Tag, Typography } from 'antd'
 import { useIntl } from 'umi'
 import { useIntl } from 'umi'
 
 
 const MessageDrawer = props => {
 const MessageDrawer = props => {
@@ -21,9 +21,9 @@ const MessageDrawer = props => {
       <div
       <div
         className={['py-3 px-4 bg-hex-f9f9f9 rounded-md', styles.NotificationCont].join(' ')}
         className={['py-3 px-4 bg-hex-f9f9f9 rounded-md', styles.NotificationCont].join(' ')}
         style={{ height: 'calc(100vh - 180px)', overflowY: 'auto' }}>
         style={{ height: 'calc(100vh - 180px)', overflowY: 'auto' }}>
-        <div className="">
+        <Typography.Paragraph>
           <MarkDown>{content}</MarkDown>
           <MarkDown>{content}</MarkDown>
-        </div>
+        </Typography.Paragraph>
       </div>
       </div>
     </div>
     </div>
   )
   )