当前位置: 首页 > Web前端 > vue.js

JwChat:一个基于Vue和ElementUI的极简聊天框组件

时间:2023-03-31 17:21:23 vue.js

项目名称:JwChat项目作者:四铢半二开源许可协议:MIT项目简介一个基于Vue和ElementUI的极简聊天框组件。该项目是一个极简的数据驱动的聊天框组件。新增表情包可自动匹配微信表情,新增聊天窗口配置组件可自由配置顶部状态栏和右侧信息栏。JwChat的代码借鉴了AVue。简化流程高效:设计简单直观的操作流程;清晰明了:语言表达清晰,表达力强,让用户快速理解,进而做出决定;帮助用户识别:界面简单明了,让用户快速识别而不是回忆,减轻用户的记忆负担。用户决策可控:根据场景,给予用户操作建议或安全提示,但不能代替用户做决定;结果是可控的:用户可以自由地进行操作,包括取消、回滚、终止当前操作。安装usingnpminstallnpminstalljwchatuseyarninstallyarnaddjwchatuse1.因为这个组件是基于element-ui开发的。首先需要介绍element-ui。npm安装element-ui2。main.js中引入组件importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);importChatfrom'jwchat';导入'jwchat/lib/JwChat.css';Vue.use(Chat)3.引入项目地址去Gitee即可搜索JwChat或点击下方链接访问项目主页:https://gitee.com/CodeGI/chat查看更多IM相关开源项目点击:https://gitee.com/explore/im