开源软件名称：

开源软件地址：

开源软件介绍：

JwChat

介绍

一款基于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" />

文档

• 官方文档

跟新公告

• / 修改 样式优化

参与贡献

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

推荐项目

• AVue 本代码借鉴项目
• JPower

交流学习

• QQ群 ：235689934