微信小程序聊天 表情

1.emoji表情是文本，不是图片，可以直接复制粘贴，当字符串处理

这个是所有emoji表情的网址 http://www.fhdq.net/emoji/emojifuhao.html

2.在微信小程序中实现这样的效果

这里只贴出表情部分的实现，

<scroll-view class="emojis_scroll" scroll-x="{{false}}" scroll-y="{{true}}">
      <view wx:for="{{emojis}}" wx:key="emojis" class="emoji">
        {{item.emoji}}
      </view>
    </scroll-view>

这个scroll-view就是可以向下滑动，然后用一个循环输出。

这个是样式

.emojis_scroll{
  display: block;
  float: left;
  width: 100%;
  height: 400rpx;
  padding-left: 25rpx;
}

.emoji{
  display: block;
  float: left;
  width: 100rpx;
  height: 100rpx;
  font-size: 70rpx;
  text-align: center;
}

具体的表情数据就是去上面说的那个网址复制粘贴就行了。

js中的表情数据