Valine – 自定义表情包（多组）

众所周知 Valine 自带 emojis 表情是满足不了一颗折腾的心的/doge，除了使用网上dalao集成好的 Valine.js 外，还可以采取自己动手丰衣足食的做法。

Valine 自带的表情组是一个数组对象，那我们就从这个入手；

注意，以下思路可能并不适用于，要做到真正的自定义还是需要根据个人需求来操作，这里只是个人的思路。

首先定位到 e.exports ，进行emoji表情自定义修改（将对象改为普通数组，该数组的数量会与第二个表情包的数量同步）
- 删除原有 {key:value} 对象，
- 添加表情包数组 [key]（数量自定义）
定位到 r.prototype.bind = function(e) ，
- 添加切换按钮 ii，添加初始变量 ESwitch （用于判断 ESwitch 的值来进行表情包切换）
- 在原有默认表情下（r）i标签下，再 u.create 一个（rs）img标签并为其 src 赋值（图片库路径）
- 通过判断 ESwitch 的默认值来判断默认显示的表情包
定位到 t.emoji = { show: function() ，
- 添加额外的点击调用函数 t.semoji
- 调用内部，通过点击时判断一个调用（r）也就是默认的i标签，另一个调用（rs）也就是自定义的img标签
定位到 u.on("click", i,function(e) {
- 绑定点击事件（对应点击调用函数）

其实上面瞎扯那么多我自己都不知道在说啥了哈哈哈，很乱因为我搞的时候不清晰也没规律，都是有想法了之后的瞎搞搞。。

0 人点赞