【极简聊天框组件 v0.2.48】基于Vue和ElementUI极简的聊天框组件+表情包功能+可自动匹配微信表情.zip

上传者: u013729183 | 上传时间: 2021-04-19 09:00:14 | 文件大小: 10.72MB | 文件类型: ZIP
源码简介与安装说明: 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”

文件下载

资源详情

[{"title":"( 78 个子文件 10.72MB ) 【极简聊天框组件 v0.2.48】基于Vue和ElementUI极简的聊天框组件+表情包功能+可自动匹配微信表情.zip","children":[{"title":"JwChat-v0.2.48","children":[{"title":"安装必看及后期更新.txt <span style='color:#111;'> 1.85KB </span>","children":null,"spread":false},{"title":"chat","children":[{"title":"README.en.md <span style='color:#111;'> 10B </span>","children":null,"spread":false},{"title":"vue.config.js <span style='color:#111;'> 53B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false},{"title":"document","children":[{"title":"chat.md <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false},{"title":"chatIndex.md <span style='color:#111;'> 1.85KB </span>","children":null,"spread":false},{"title":"img","children":[{"title":"20200501111811.png <span style='color:#111;'> 222.58KB </span>","children":null,"spread":false},{"title":"20200506231245.png <span style='color:#111;'> 4.72KB </span>","children":null,"spread":false},{"title":"20200505214642.png <span style='color:#111;'> 292.63KB </span>","children":null,"spread":false},{"title":"20200429.gif <span style='color:#111;'> 2.18MB </span>","children":null,"spread":false},{"title":"20200505215656.png <span style='color:#111;'> 38.33KB </span>","children":null,"spread":false},{"title":"20200730.gif <span style='color:#111;'> 3.55MB </span>","children":null,"spread":false},{"title":"20200501.gif <span style='color:#111;'> 1.02MB </span>","children":null,"spread":false},{"title":"20200505220459.png <span style='color:#111;'> 38.78KB </span>","children":null,"spread":false},{"title":"20200425215318.png <span style='color:#111;'> 198.63KB </span>","children":null,"spread":false},{"title":"20200505.gif <span style='color:#111;'> 3.37MB </span>","children":null,"spread":false},{"title":"20200428232458.png <span style='color:#111;'> 239.83KB </span>","children":null,"spread":false}],"spread":false},{"title":"rightbox.md <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"user.md <span style='color:#111;'> 681B </span>","children":null,"spread":false},{"title":"usercard.md <span style='color:#111;'> 1.03KB </span>","children":null,"spread":false},{"title":"talk.md <span style='color:#111;'> 711B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"package-lock.json <span style='color:#111;'> 393B </span>","children":null,"spread":false},{"title":"src","children":[{"title":"App.vue <span style='color:#111;'> 4.63KB </span>","children":null,"spread":false},{"title":"main.js <span style='color:#111;'> 368B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"Count","children":[{"title":"index.js <span style='color:#111;'> 125B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 2.73KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.js <span style='color:#111;'> 945B </span>","children":null,"spread":false},{"title":"UserCard","children":[{"title":"index.js <span style='color:#111;'> 139B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 1.79KB </span>","children":null,"spread":false}],"spread":false},{"title":"QuickTalk","children":[{"title":"index.js <span style='color:#111;'> 120B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 4.01KB </span>","children":null,"spread":false}],"spread":false},{"title":"ChatInterface","children":[{"title":"index.js <span style='color:#111;'> 247B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false}],"spread":false},{"title":"Empty","children":[{"title":"index.js <span style='color:#111;'> 125B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 791B </span>","children":null,"spread":false}],"spread":false},{"title":"Chat","children":[{"title":"tools.vue <span style='color:#111;'> 4.36KB </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 217B </span>","children":null,"spread":false},{"title":"enterBox.vue <span style='color:#111;'> 2.36KB </span>","children":null,"spread":false},{"title":"chatList.vue <span style='color:#111;'> 11.88KB </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 3.09KB </span>","children":null,"spread":false},{"title":"itemTalk.vue <span style='color:#111;'> 5.44KB </span>","children":null,"spread":false}],"spread":false},{"title":"EChart","children":[{"title":"index.js <span style='color:#111;'> 129B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 6.40KB </span>","children":null,"spread":false}],"spread":false},{"title":"RightList","children":[{"title":"index.js <span style='color:#111;'> 125B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 1.69KB </span>","children":null,"spread":false}],"spread":false},{"title":"Icon","children":[{"title":"index.js <span style='color:#111;'> 120B </span>","children":null,"spread":false},{"title":"fonts","children":[{"title":"iconfont.eot <span style='color:#111;'> 8.75KB </span>","children":null,"spread":false},{"title":"iconfont.json <span style='color:#111;'> 2.96KB </span>","children":null,"spread":false},{"title":"iconfont.ttf <span style='color:#111;'> 8.59KB </span>","children":null,"spread":false},{"title":"iconfont.svg <span style='color:#111;'> 41.16KB </span>","children":null,"spread":false},{"title":"iconfont.js <span style='color:#111;'> 42.23KB </span>","children":null,"spread":false},{"title":"iconfont.woff <span style='color:#111;'> 5.90KB </span>","children":null,"spread":false},{"title":"iconfont.woff2 <span style='color:#111;'> 4.96KB </span>","children":null,"spread":false},{"title":"iconfont.css <span style='color:#111;'> 8.13KB </span>","children":null,"spread":false}],"spread":false},{"title":"index.vue <span style='color:#111;'> 8.42KB </span>","children":null,"spread":false}],"spread":false},{"title":"LoginBox","children":[{"title":"index.js <span style='color:#111;'> 140B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 4.27KB </span>","children":null,"spread":false}],"spread":false},{"title":"UserItem","children":[{"title":"index.js <span style='color:#111;'> 119B </span>","children":null,"spread":false},{"title":"index.vue <span style='color:#111;'> 1.58KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"utils","children":[{"title":"emoji.json <span style='color:#111;'> 9.38KB </span>","children":null,"spread":false},{"title":"scroll.js <span style='color:#111;'> 2.68KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".gitignore <span style='color:#111;'> 218B </span>","children":null,"spread":false},{"title":"webpack.config.js <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"public","children":[{"title":"image","children":[{"title":"one.jpeg <span style='color:#111;'> 47.48KB </span>","children":null,"spread":false},{"title":"three.jpeg <span style='color:#111;'> 28.60KB </span>","children":null,"spread":false},{"title":"two.jpeg <span style='color:#111;'> 52.12KB </span>","children":null,"spread":false},{"title":"cover.png <span style='color:#111;'> 81.71KB </span>","children":null,"spread":false},{"title":"bg.webp <span style='color:#111;'> 23.52KB </span>","children":null,"spread":false}],"spread":true},{"title":"index.html <span style='color:#111;'> 723B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 4.19KB </span>","children":null,"spread":false}],"spread":true},{"title":"README.md <span style='color:#111;'> 1.33KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 369.41KB </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 46B </span>","children":null,"spread":false},{"title":"babel.config.js <span style='color:#111;'> 73B </span>","children":null,"spread":false}],"spread":false},{"title":"免责声明.txt <span style='color:#111;'> 1.70KB </span>","children":null,"spread":false},{"title":"【必看】安装说明.txt <span style='color:#111;'> 656B </span>","children":null,"spread":false},{"title":"联系作者提供帮助.url <span style='color:#111;'> 123B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明