基本完成观察效果

This commit is contained in:
sijinhui 2024-09-25 11:06:16 +08:00
parent ae518a2f36
commit 8664a60e35

View File

@ -189,16 +189,14 @@ export function ChatList(props: { narrow?: boolean }) {
{...provided.droppableProps} {...provided.droppableProps}
> >
<QueueAnim <QueueAnim
delay={300} delay={150}
ease={["easeOutQuart", "easeInOutQuart"]} ease={["easeOutQuart", "easeInOutQuart"]}
duration={[550, 450]} duration={[550, 450]}
animConfig={[ animConfig={[
{ opacity: [1, 0], translateY: [0, 30] }, { opacity: [1, 0], translateY: [0, -30] },
{ height: 0 }, { height: 0, translateY: [-30, 0], opacity: [0, 1] },
]} ]}
key={sessions.length} interval={150}
// interval={150}
// TODO: 目前有一个问题,下面是遍历的所以每次元素变动都会重新全部渲染
> >
{sessions.map((item, i) => ( {sessions.map((item, i) => (
<div key={item.id}> <div key={item.id}>