MorFansLab/LiteWebChat_Frame

添加AT成员组件

Vi-brance opened this issue · 8 comments

如题,能否添加对AT成员的组件的支持?

YubaC commented

看到你的标题,我的第一反应是在串口上使用的AT命令……
不过如果我没有理解错误的话,您是指的可以使用符号@来提醒特定成员的组件,对吗?
我个人认为这种组件的核心在于,被提醒的成员可以收到一条有特殊标注的信息,来提醒他们被@了。
因此如果想要实现这个组件,我认为可以通过调整一下CSS,添加一个新的高亮样式来实现。

我的设想是输入@时显示一个包含所有群成员昵称的悬浮列表,或者在工具栏添加一个@工具,选择一个@对象后可以在输入框中显示。
至于提醒被@成员我还没想到这一步(

YubaC commented

就像这样?
图片
我建议直接抄GitHub(逃

是的,基本大部分的聊天平台都有这个功能,实现的效果也大差不差

YubaC commented

如果我没有看错的话,GitHub应该是使用了BootStrap进行排版,这个悬浮列表应该就是BS的杰作。
但是我们没有BS。
想要手动复现出这种效果工作量估计不小。
那就直接抄吧

其实也可以将此功能放到工具栏中,通过按钮触发,这样实现难度应该比Github的这种要简单很多

YubaC commented

我认为这两种应该都不算太困难,最多就是触发器不一样罢了(一个是按钮触发,一个是监听键盘事件触发或者别的什么触发)。

图片

只要能把这个弹出框样式写好了,后续实现起来应该就比较容易了。
不过应该要考虑一下移动端的适配。
(话说我当时是不是忘了做输入框的移动端适配了)

我比较担心弹出列表出现在光标位置的实现难度,如果你认为难度不大的话那最好(
样式方面似乎不太难,提供一个容器,放入成员名称,响应点击事件,细节上倒是没必要如此一致