Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: 增加虚拟列表、结构重构优化 #17

Merged
merged 2 commits into from
Jun 2, 2023

Conversation

oljc
Copy link
Contributor

@oljc oljc commented Jun 2, 2023

聊天界面优化

问题描述

消息不断增加导致DOM数越来越多容易出现卡顿。大量Flex为item且层级多等问题。

Changelog

🆕 新增功能

  • 增加虚拟列表,降低性能消耗避免卡顿
  • 移入消息显示发送时间
    预留定制化API-聊天气泡框显示模式、是否显示时间、是否显示时间段、消息气泡操作触发方式

💎 功能优化

  • 优化聊天界面整体Dom结构减少不必要的dom,增强各状态下的显示稳定性。并减少样式代码
  • 优化聊天界面各内容的鼠标状态
  • 特殊文本禁止选中

🐛 问题修复

  • 修复聊天文本恶意空长消息
  • 修复聊天消息在较小屏幕下没占满聊天窗口问题。

💅 样式更新
移除一些不必要的样式设置

type Changelog(CN) Changelog(EN) Related issues
feat 新增虚拟列表 Add virtual list for chat #5

预览

iShot_2023-06-02_16.24.58.mp4

Copy link
Owner

@Evansy Evansy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

质量非常高的 PR,感谢 PR~

@Evansy Evansy merged commit e5b5e13 into Evansy:main Jun 2, 2023
@Evansy Evansy linked an issue Jun 2, 2023 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

当消息列表过多造成内存占用问题
2 participants