前言
网上教程各平台机型显示差异BUG,本文提供优质教程。
在 uni-app 全平台兼容(H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue)开发中,详解完成 “uniApp表情包emoji”,支持自定义表情包替换或移除,uniapp自定义图片/图标表情包发送与显示,也支持动态gif图像表情,在输入框内选择发送表情并解析表情,并可以与文字混合显示渲染(文本和表情在一起显示出来),弹出一个表情包键盘可滑动选择,轻松存储到后端服务器,可随意修改表情大小、排版布局、样式自由度非常高,仿造qq聊天/微信聊天内的表情包效果。
uniapp(vue2 | vue3)版本项目均可使用,跟着教程复制代码运行稍加改造即可。
如下图所示,任意中低端手机完美运行无差异,无需将表情放在服务器上,自由扩展删减。
第一步
按照以下教程,轻松完成。