微信小程序> 【小程序】小程序评论板块加入emoji表情

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

浏览量:609 时间: 来源:Y__Cheng

直接上稿:
小程序
图中的【笑脸.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()

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎