|
@@ -1,18 +1,20 @@
|
|
|
import React from 'react'
|
|
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'
|
|
|
|
|
|
|
|
const MessageDrawer = props => {
|
|
const MessageDrawer = props => {
|
|
|
const {
|
|
const {
|
|
|
item: { title, createTime, content }
|
|
item: { title, createTime, content }
|
|
|
} = props
|
|
} = props
|
|
|
return (
|
|
return (
|
|
|
- <div className="px-5">
|
|
|
|
|
|
|
+ <div className="px-5 vditor-reset">
|
|
|
<h1 className="pt-4 text-xl pr-6">{title}</h1>
|
|
<h1 className="pt-4 text-xl pr-6">{title}</h1>
|
|
|
<div className="text-blueGray-500 py-1">{createTime}</div>
|
|
<div className="text-blueGray-500 py-1">{createTime}</div>
|
|
|
<div
|
|
<div
|
|
|
className={['py-3', styles.NotificationCont].join(' ')}
|
|
className={['py-3', styles.NotificationCont].join(' ')}
|
|
|
- style={{ height: 'calc(100vh - 120px)', overflowY: 'auto' }}>
|
|
|
|
|
|
|
+ style={{ height: 'calc(100vh - 120px)', overflowY: 'auto' }}
|
|
|
|
|
+ >
|
|
|
<MarkDown>{content}</MarkDown>
|
|
<MarkDown>{content}</MarkDown>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|