（五）环信 easeChat模块demo发送表情

Mr.ZhouHeng

环信demo总贴：

（一）环信 easeChat模块demo注册和登陆

（二）环信 easeChat模块demo底部导航切换、设置、退出功能

（三）环信 easeChat模块demo列表滑动删除置顶 聊天界面

（四）环信 easeChat模块demo 发送语音

（七）环信 easeChat模块demo发送发送图片

环信 easeChat模块demo发送表情

1.   <div class="center-body ellipsis-1" v-html="fnType(lists.latestMessage.body.type,index)"></div>
   
2. 
   
3. <!-- 表情转换js -->
   
4. <script type="text/javascript" src="../script/emotion.js"></script>
   
5. 
   
6. 
   
7.                 fnType: function(types, index) {
   
8.                     //text：文本类型
   
9.                     //image：图片类型
   
10.                     //video：视频类型
    
11.                     //location：位置类型
    
12.                     //voice：语音类型
    
13.                     //file：文件类型
    
14.                     if (types == "text") {

复制代码

1.   <!-- 文本消息 -->
   
2.                 <div class="chat-content" v-if="chats.body.type=='text'">
   
3.                     <div class="chat-arrow"></div>
   
4.                     <div class="body picbody" v-html="translateText(chats.body.text)"></div>
   
5.                 </div>
   
6. 
   
7. 
   
8. <!-- 表情转换js -->
   
9. <script type="text/javascript" src="../../script/emotion.js"></script>
   
10. 
    
11.   //文本表情转化
    
12.                 translateText: function(text) {
    
13.                     if (text == '' || text == undefined) {
    
14.                         return;
    
15.                     }
    
16.                     msg = text;
    
17.                     var emotionObj = emotion;
    
18.                     var regx = /\[(.*?)\]/gm;
    
19.                     var translateMSg = text.replace(regx, function(math) {
    
20.                         var imgSrc = emotionObj[math];
    
21.                         if (!imgSrc) {
    
22.                             return math;
    
23.                         }
    
24.                         var img = '<img src="../../res/img/emotion/' + imgSrc + '.png" class="emotion">'
    
25.                         return img;
    
26.                     })
    
27.                     console.log(translateMSg)
    
28.                     return translateMSg;
    
29.                 }

复制代码

Mr.ZhouHeng

源码到时候都会放在总贴更新

Tantanapps

源码到时候都会放在总贴更新

lchniao

谢谢分享 学习中

独孤啸天

感谢分享!!!

生涯现役

感谢分享