jkchao / vue-emoji

😄 🦐 😳

vue-emoji

最近公司需求做个类似于QQ空间的项目(其实开始的时候我是崩溃的),好在历时一个月的时间,也终于进入测试的阶段。 完成项目过程中，发现并没有一个好用的emoji插件，于是写了一个简单的component，希望对各位有所帮助（若能顺手给个start, 那再好不过了）。

原理其实很简单，雪碧图+背景定位的方式实现。

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

在你的 Vue 项目里使用它

• 拷贝静态 emoji 图片，在 static 文件夹下；
• 拷贝必要的 js/scss 文件，src/assets/scss/emoji-eprite.scss、src/data/emoji-data.js 以及 src/utils/emoji.js 文件至你项目下相应的位置；
• 在你项目的入口文件如 main.js，下引入 src/utils/emoji.js 并将方法挂至 Vue 原型上，可以参考 src/main.js；（当然，你也可以仅在某个组件里使用这个方法）
• 具体的使用例子可以参考 src/components/emoji.vue 。

vue-emoji's Issues

解析表情的方法

请问我想显示这些表情的时候，有哪个方法是可以解析表情的？

为何不让显示出的emoji也用雪碧图呢

既然面板上用的是雪碧图，为什么不让下面显示的emoji也用雪碧图呢？还换用图片的原因是什么呢？

表情突然不显示了

以前还显示 现在不显示了。请望作者改一下，谢谢

老哥，怎么将:shortname:，转换成中文 [亲亲]，这种格式啊

老哥，怎么将:shortname:，转换成中文 [亲亲]，这种格式啊

请问怎么样保存后可以让图片在微信正常展示出来

表情不显示

https://dn-mhke0kuv.qbox.me/
是不是因为这个地址无法访问的原因呢？

雪碧图的图片为什么用不了

ios打开表情时，读不出来，然后Vue自动刷新

大兄弟，ios打开表情时，读不出来，然后页面自动刷新，这个怎么办？

请问代码这个地方...报错, 是babelrc的问题吗怎么解决

let emojiData = {}
Object.values(data).forEach(item => {
emojiData = {...emojiData,...item }
})

报错呀

老兄抽空补下文档呗

看代码还是有些麻烦啊...或者抽空我补一下好了.

Yeah

我爱你 😆

背景图地址失效了

http://ovshyp9zv.bkt.clouddn.com/vue-emoji.png这个地址失效了，能否把大图直接放在我本地？？

老哥，你这个雪碧图的scss代码是用什么工具生成的呀

老哥，你这个雪碧图的scss代码是用什么工具生成的呀

为什么有一些没有emoji编码？octocat、shipit、bowtie