uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

前言

网上教程各平台之间不兼容且各机型显示差异很多BUG，本文提供优质示例代码。

在 uni-app 全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成 “uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/图标表情包发送与显示，也支持动态gif图像表情，在输入框内选择发送表情并解析表情，并可以与文字混合显示渲染（文本和表情在一起显示出来），弹出一个表情包键盘可滑动选择，轻松存储到后端服务器，可随意修改表情大小、排版布局、样式自由度非常高，仿造qq聊天/微信聊天内的表情包效果，提供详细示例源码及相关资源。

uniapp（vue2 | vue3）版本项目均可使用，跟着教程复制代码运行稍加改造即可。

---

如下图所示，任意中低端手机完美运行无差异，无需将表情放在服务器上，自由扩展删减。

详细示例代码及注释，保证新手小白100%搞定。

第一步

按照以下教程，轻松完成。