微信小程序利用騰訊雲IM即時通訊發送文字+表情開發

微信小程序利用騰訊雲IM即時通訊發送文字+表情開發

能做到發送表情這一步說明你的文字發送已經成功了，先上效果圖

1. 第一步就是要先找到表情包了，因爲開發時間的原因我這裏直接找的是文字表情。而不是圖片(png,jpg,gif)格式的表情。文字表情比較方便跟文字一起輸入做處理。這個地址裏面的表情應該夠用了，http://www.oicqzone.com/tool/emoji/，複製最後一列的黑色圖標，自定義表情數組。如下：

// 表情數組
emojiChar: ["?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?", "?"],

2. 定義好之後用wx:for在頁面中渲染出來。如下
   3.定義選擇表情的事件，事件處理，與input的值相加,然後調用發送文字消息方法，完成！！

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