【小程序】小程序评论板块加入emoji表情 - 好文

直接上稿：

图中的【笑脸.icon】功能就是类似手机输入法的表情功能，下方升起一个包含很多表情的区域，供选择。纳闷了手机输入法有表情，为什么还需要表情功能呢？(苦笑.gif)，UI大佬：这功能，你写不出来就算了！。。。。
自己扛的需求，跪着也要写出来啊~ 网上一顿浪，大概了解了思路

借鉴了天下雪文章
<http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1573&fromuid=2>

1：从网上下载好表情包文件 ---------点击前往下载高清emoji表情包
<http://www.pc6.com/softview/SoftView_67567.html>
2：搜索相应表情包的string类型表现形式--------点击前往查询表情代码表现形式
<http://www.oicqzone.com/tool/emoji/>
3：点击相应的表情，显示相应的string
4：最后将内容与表情拼接

1.2两步就不说了，自己可以下，查；
3,4代码如下：

emojichar为表情相应的string
emoji为表情的名称后面遍历到view中

利用wx:for遍历出来后结果如下（样式就不写了）

点击表情和内容合并等等js
//点击表情显示隐藏表情盒子 emojiShowHide: function () { this.setData({ isShow:
!this.data.isShow, isLoad: false, }) }, // 选中表情 emojiChoose:function (e){ var
index = e.target.dataset.id var emojiArr = this.data.emojiChar.split('-')
this.setData({ content: this.data.content + emojiArr[index] })
console.log(this.data.content) }, //用户输入内容 getontentValue: function (e){
this.setData({ content: e.detail.value }) console.log(this.data.content) }, //
会话按钮获取焦点 commentFocus:function (){ this.setData({ conversBtn:true }) }
注意：
emoji存入utf8编码的数据库，因为编码方式不同，可能会报错存不了。
解决办法：
存之前base64_encode()，取的时候base64_decode()

热门工具换一换