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

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

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

在这里插入图片描述

  1. 第一步就是要先找到表情包了,因为开发时间的原因我这里直接找的是文字表情。而不是图片(png,jpg,gif)格式的表情。文字表情比较方便跟文字一起输入做处理。这个地址里面的表情应该够用了,http://www.oicqzone.com/tool/emoji/,复制最后一列的黑色图标,自定义表情数组。如下:在这里插入图片描述
// 表情数组
emojiChar: ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?"],
  1. 定义好之后用wx:for在页面中渲染出来。如下在这里插入图片描述
    3.定义选择表情的事件,事件处理,与input的值相加,然后调用发送文字消息方法,完成!!
    // 选择表情
     selectEmoji:function(e){
       this.setData({
         inputValue: this.data.inputValue + e.currentTarget.dataset.text
       })
     },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值