微信小程序利用腾讯云IM即时通讯发送文字+表情开发
能做到发送表情这一步说明你的文字发送已经成功了,先上效果图
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190419111400329.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5Nzg5MDU3,size_16,color_FFFFFF,t_70)
- 第一步就是要先找到表情包了,因为开发时间的原因我这里直接找的是文字表情。而不是图片(png,jpg,gif)格式的表情。文字表情比较方便跟文字一起输入做处理。这个地址里面的表情应该够用了,http://www.oicqzone.com/tool/emoji/,复制最后一列的黑色图标,自定义表情数组。如下:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190419112021631.png)
emojiChar: ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?"],
- 定义好之后用wx:for在页面中渲染出来。如下
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190419112207576.png)
3.定义选择表情的事件,事件处理,与input的值相加,然后调用发送文字消息方法,完成!!
selectEmoji:function(e){
this.setData({
inputValue: this.data.inputValue + e.currentTarget.dataset.text
})
},