失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序利用腾讯云IM即时通讯发送文字+表情开发

微信小程序利用腾讯云IM即时通讯发送文字+表情开发

时间:2020-11-11 20:46:17

相关推荐

微信小程序利用腾讯云IM即时通讯发送文字+表情开发

微信小程序利用腾讯云IM即时通讯发送文字+表情开发

能做到发送表情这一步说明你的文字发送已经成功了,先上效果图

第一步就是要先找到表情包了,因为开发时间的原因我这里直接找的是文字表情。而不是图片(png,jpg,gif)格式的表情。文字表情比较方便跟文字一起输入做处理。这个地址里面的表情应该够用了,/tool/emoji/,复制最后一列的黑色图标,自定义表情数组。如下:

// 表情数组emojiChar: ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?"],

定义好之后用wx:for在页面中渲染出来。如下

3.定义选择表情的事件,事件处理,与input的值相加,然后调用发送文字消息方法,完成!!

// 选择表情selectEmoji:function(e){this.setData({inputValue: this.data.inputValue + e.currentTarget.dataset.text})},

如果觉得《微信小程序利用腾讯云IM即时通讯发送文字+表情开发》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。