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

建议增加聊天会话标签组件 #471

Open
1 of 3 tasks
xaoxuu opened this issue May 22, 2024 · 1 comment
Open
1 of 3 tasks

建议增加聊天会话标签组件 #471

xaoxuu opened this issue May 22, 2024 · 1 comment
Labels

Comments

@xaoxuu
Copy link
Owner

xaoxuu commented May 22, 2024

检查清单

  • 已经阅读过 官方文档 相关内容,并尝试进行搜索。
  • 尝试过在本地测试运行官方 demo 源码。
  • 尝试过在 Codespace 中测试运行官方 demo 源码。

问题描述

适用于展示聊天对话,但又无法直接提供截图的场景。

用户信息在 _data/users.yml 中配置:

user1:
  name:
  avatar: 
  label:
    text: 群主
    textColor: white
    bgColor: #2196f3
user2:
  name:
  avatar: 

用法:

{% chat style:wechat/qq [title:导航栏标题可选] %}
{% chattip 2024年5月22日 21:43 %}
{% chatcell user:user1 你好 %} // 文字消息,默认靠左布局
{% chatcell user:user2 align:right Are U OK %} // 文字消息,靠右布局(我发送的消息)
{% chatcell user:user3 image:src %} // 图片消息(默认支持fancybox)
{% chatcell user:user3 emoji:xxx %} // 表情包消息(这里用的是emoji组件的资源,标准emoji的话直接输入就行)
{% chatcell user:user1 voice:src %} // 语音消息(可播放)
{% chatcell user:user1 video:src %} // 视频消息(可播放)
{% chatcell user:user1 link:href %} // 链接卡片消息(可点击跳转)
{% chatcell user:user1 file:href %} // 文件消息(可下载)
{% endchat %}

如果有时间的话,把 frame 组件的设备模型图加上,就更像了。

@xaoxuu xaoxuu added the todo label May 22, 2024
Copy link

👋 Hello,
Your suggestion is great, we will add this feature in subsequent versions, thank you very much!

👋 您好,
您的建议很棒,我们将会在后续版本中加入这个功能,非常感谢!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant