|
@@ -90,14 +90,16 @@ const Notification = () => {
|
|
|
<div
|
|
<div
|
|
|
id="scrollableDiv"
|
|
id="scrollableDiv"
|
|
|
className="pr-4"
|
|
className="pr-4"
|
|
|
- style={{ height: 'calc(100vh - 125px - 3.5rem)', overflowY: 'auto' }}>
|
|
|
|
|
|
|
+ style={{ height: 'calc(100vh - 180px)', overflowY: 'auto' }}
|
|
|
|
|
+ >
|
|
|
<InfiniteScroll
|
|
<InfiniteScroll
|
|
|
dataLength={state.total}
|
|
dataLength={state.total}
|
|
|
next={loadMoreData}
|
|
next={loadMoreData}
|
|
|
hasMore={state.hasMore}
|
|
hasMore={state.hasMore}
|
|
|
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
|
|
loader={<Skeleton avatar paragraph={{ rows: 1 }} active />}
|
|
|
endMessage={<Divider plain>别再滚啦,已是尽头</Divider>}
|
|
endMessage={<Divider plain>别再滚啦,已是尽头</Divider>}
|
|
|
- scrollableTarget="scrollableDiv">
|
|
|
|
|
|
|
+ scrollableTarget="scrollableDiv"
|
|
|
|
|
+ >
|
|
|
<List
|
|
<List
|
|
|
itemLayout="vertical"
|
|
itemLayout="vertical"
|
|
|
// pagination={{ pageSize: 5 }}
|
|
// pagination={{ pageSize: 5 }}
|
|
@@ -109,13 +111,15 @@ const Notification = () => {
|
|
|
<span width={200} className="mt-1 text-hex-aaa">
|
|
<span width={200} className="mt-1 text-hex-aaa">
|
|
|
{item.createTime}
|
|
{item.createTime}
|
|
|
</span>
|
|
</span>
|
|
|
- }>
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ >
|
|
|
<List.Item.Meta
|
|
<List.Item.Meta
|
|
|
avatar={<Avatar src={item.avatar} />}
|
|
avatar={<Avatar src={item.avatar} />}
|
|
|
title={
|
|
title={
|
|
|
<span
|
|
<span
|
|
|
className="cursor-pointer text-primary"
|
|
className="cursor-pointer text-primary"
|
|
|
- onClick={() => showMessageDrawer(item)}>
|
|
|
|
|
|
|
+ onClick={() => showMessageDrawer(item)}
|
|
|
|
|
+ >
|
|
|
{item.title}
|
|
{item.title}
|
|
|
</span>
|
|
</span>
|
|
|
}
|
|
}
|
|
@@ -137,7 +141,8 @@ const Notification = () => {
|
|
|
rows: 4
|
|
rows: 4
|
|
|
}
|
|
}
|
|
|
: false
|
|
: false
|
|
|
- }>
|
|
|
|
|
|
|
+ }
|
|
|
|
|
+ >
|
|
|
<MarkDown>{item.content}</MarkDown>
|
|
<MarkDown>{item.content}</MarkDown>
|
|
|
</Paragraph>
|
|
</Paragraph>
|
|
|
{/* <div className="mt-1 text-hex-aaa">{item.createTime}</div> */}
|
|
{/* <div className="mt-1 text-hex-aaa">{item.createTime}</div> */}
|