【文件属性】:
文件名称:JwChat极简聊天框组件-其他
文件大小:12.31MB
文件格式:ZIP
更新时间:2021-06-12 06:09:30
JwChat 聊天框组件
JwChat极简聊天框组件是一款基于Vue和ElementUI极简的聊天框组件。
软件包含了表情包功能,可自动匹配微信表情。还包含了聊天窗口配置组件,可以*配置顶部状态栏和右侧信息栏。
JwChat安装:
使用 npm 安装
npm install jwchat
使用 yarn 安装
yarn add jwchat
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 中引入
:taleList="list"
@enter="bindEnter"
v-model="inputMsg"
:toolConfig="tool"
/>
【文件预览】:
chat
----README.en.md(10B)
----vue.config.js(616B)
----package.json(2KB)
----test()
--------item.js(2KB)
--------unit()
----document()
--------chat.md(2KB)
--------chatIndex.md(2KB)
--------img()
--------rightbox.md(1KB)
--------user.md(681B)
--------usercard.md(1KB)
--------talk.md(711B)
----jest.config.js(59B)
----tests()
--------util.js(131B)
--------unit()
----LICENSE(1KB)
----package-lock.json(392B)
----src()
--------App.vue(10KB)
--------main.js(367B)
--------components()
--------utils()
----.gitignore(218B)
----webpack.config.js(1KB)
----public()
--------image()
--------index.html(723B)
--------favicon.ico(4KB)
----README.md(2KB)
----yarn.lock(450KB)
----.eslintignore(46B)
----babel.config.js(73B)
说明.htm