jwChat

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

交流学习

  • QQ群 :235689934
end

评论