当前位置: 首页 > 软件库 > Web应用开发 > 网页组件 >

JwChatAll

极简聊天框组件
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 网页组件
软件类型 开源软件
地区 国产
投 递 者 巩子实
操作系统 跨平台
开源组织
适用人群 未知
 软件概览
JwChatAll是一款极简的数据驱动为主的聊天框组件。
 

安装

  • 使用 npm 安装

    npm install jwchat
  • 使用 yarn 安装

    yarn add jwchat

使用

  1. 因为本组件是基于 element-ui 开发。首先需要引入 element-ui

    npm install element-ui
  2. main.js 中引入组件

    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';
    Vue.use(ElementUI);
    ​
    import Chat from 'jwchat';
    import 'jwchat/lib/JwChat.css';
    Vue.use(Chat)
  3. *.vue 中引入

    <JwChat-index
         :taleList="list"
         @enter="bindEnter"
         v-model="inputMsg"
         :toolConfig="tool"
     />

文档

 相关资料
  • 聊天小部件扩展了卡片组件,以创建漂亮的聊天界面。该窗口小部件由必需的消息框和联系人框(可选)组成。示例: <!-- 用你想要的样式创建卡片。在这里,我们使用 card-danger --> <!-- 然后添加 direct-chat 类并选择 direct-chat-* 相关类 --> <!-- 相关类应与卡片匹配,因此我们使用 direct-chat-danger --> <div cla

  • 聊天组件的核心类是CCChatManager,获取核心类的实例:CCChatManager mChatManager = CCChatManager.getInstance(); 1.1 消息的接收(包括图片,以及表情,文本) 1.1.1 监听消息事件的回调通知 首先获取聊天插件的消息监听事件: mChatManager.setOnChatListener(mChatList) 使用例子:(dem

  • 日期: 2019-11-19 创盛视联数码科技(北京)有限公司 聊天组件的核心类是CCChatManager; //在工程需要的地方引入头文件 #import <CCChatLibrary/CCChatLibrary.h> //1、类的实例化 + (instancetype)sharedChat; //2、与BaseSDK建立联系 - (void)addBasicClient:(CCStrea

  • 1.1 组件引入 需使用聊天功能、修改房间级配置、修改个人配置,可在线引用配置更新、聊天插件 <script src="https://class.csslcloud.net/static/dist/js/classUpdateChat.js"></script> 1.2 配置修改、图文聊天插件包含功能 功能 描述 房间级配置修改 支持修改房间级配置 个人配置修改 支持个人配置状态管理 广播 支

  • hyperf/database 功能十分强大,但也不可否认效率上确实些许不足。这里提供一个极简的 hyperf/db 组件,支持 PDO 和 Swoole Mysql。 安装 composer require hyperf/db 发布组件配置 该组件的配置文件位于 config/autoload/db.php,如果文件不存在,可通过下面的命令来将配置文件发布到骨架去: php bin/hyper

  • 本文向大家介绍java Socket简易聊天工具,包括了java Socket简易聊天工具的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了一款Socket简易聊天工具,希望大家喜欢。 代码运行如图,看起来还不错 服务端 客户端 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。