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中的表情数据