基于vue的emoji表情评论组件

vue-emoji-comment最近在写自己的个人博客时，还差最后一个评论功能，一个没有评论功能的博客是没有灵魂的，哈哈哈。效果演示使用精灵图 + 背景定位实现，大家也可以自定义这些emoji表情。看看源码，有注释。就明白怎么弄了。这里推荐一个做精灵图的在线地址：https://sprite.ydr.me/个人博客：https://github.com/pppercyWang/twi...

优雅的王德奥

2792人浏览 · 2019-11-12 17:31:27

优雅的王德奥 · 2019-11-12 17:31:27 发布

vue-emoji-comment

最近在写自己的个人博客时，还差最后一个评论功能，一个没有评论功能的博客是没有灵魂的，哈哈哈。

项目源码：https://github.com/pppercyWang/vue-emoji-comment

效果演示

在这里插入图片描述

使用精灵图 + 背景定位实现，大家也可以自定义这些emoji表情。看看源码，有注释。就明白怎么弄了。

这里推荐一个做精灵图的在线地址：https://sprite.ydr.me/

个人博客查看实例：https://github.com/pppercyWang/twitter-blog-vue

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^