直接上稿:
图中的【笑脸.icon】功能就是类似手机输入法的表情功能,下方升起一个包含很多表情的区域,供选择。纳闷了手机输入法有表情,为什么还需要表情功能呢?(苦笑.gif),UI大佬:这功能,你写不出来就算了!。。。。
自己扛的需求,跪着也要写出来啊~ 网上一顿浪,大概了解了思路
1:从网上下载好表情包文件 ---------点击前往下载高清emoji表情包
2:搜索相应表情包的string类型表现形式--------点击前往查询表情代码表现形式
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()