1 Star 0 Fork 259

张贵宾 / JwChat

forked from 四铢半两 / JwChat 
加入 Gitee
与超过 800 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README.md

JwChat

JwChat css js vue 聊天组件

介绍

一款基于Vue和ElementUI极简的聊天框组件 本项目是一款极简的数据驱动为主的聊天框组件。 新增表情包可自动匹配微信表情。 新增聊天窗口配置组件,可以自由配置 顶部状态栏 和 右侧信息栏

安装

  • 使用 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';
    /* 在 0.2.041 之前的版本需要引入 css */
    // import 'jwchat/lib/JwChat.css';
    Vue.use(Chat)
  3. *.vue 中引入

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

文档

跟新公告

  • +新增 多窗口聊天
  • +新增 会话列表系统问询
  • /修复 BUG

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

推荐项目

交流学习

  • QQ群 :235689934

仓库评论 ( 0 )

你可以在登录后,发表评论

简介

点个星、点个星、点个星啊点个星。 一款基于vue、 element-ui 的前端组件;极简、轻量以战术数据为主的聊天界面。只需一个标签就可呈现通讯界面。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/zhangguibin/chat.git
git@gitee.com:zhangguibin/chat.git
zhangguibin
chat
JwChat
master

搜索帮助