😁😁

直接上稿：

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

1：从网上下载好表情包文件 ———点击前往下载高清emoji表情包
2：搜索相应表情包的string类型表现形式——–点击前往查询表情代码表现形式
3：点击相应的表情，显示相应的string
4：最后将内容与表情拼接

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

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

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

点击表情 和内容合并等等js

 <span class="hljs-comment">//点击表情显示隐藏表情盒子</span>
  emojiShowHide: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span> {</span>
    <span class="hljs-keyword">this</span>.setData({
      isShow: !<span class="hljs-keyword">this</span>.data.isShow,
      isLoad: <span class="hljs-literal">false</span>,
    })
  },
  <span class="hljs-comment">// 选中表情</span>
  emojiChoose:<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span>{</span>
    <span class="hljs-keyword">var</span> index = e.target.dataset.id
    <span class="hljs-keyword">var</span> emojiArr = <span class="hljs-keyword">this</span>.data.emojiChar.split(<span class="hljs-string">'-'</span>)
    <span class="hljs-keyword">this</span>.setData({
      content: <span class="hljs-keyword">this</span>.data.content + emojiArr[index]
    })
    console.log(<span class="hljs-keyword">this</span>.data.content)
  },
  <span class="hljs-comment">//用户输入内容</span>
  getontentValue: <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">(e)</span>{</span>
    <span class="hljs-keyword">this</span>.setData({
      content: e.detail.value
    })
    console.log(<span class="hljs-keyword">this</span>.data.content)
  },
  <span class="hljs-comment">// 会话按钮 获取焦点</span>
  commentFocus:<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-params">()</span>{</span>
    <span class="hljs-keyword">this</span>.setData({
      conversBtn:<span class="hljs-literal">true</span>
    })
  }