最近有颤音的朋友会发一个很大的表情包，很有动态，很大，对很多朋友来说很有意思，所以很多用户想知道如何发一个巨大的带有一串代码的表情包。那就让边肖给你介绍一下。
颤音超大表情包代码
代码：
sticker _ start _ tag _ for _ text { ' originMsgType ' :0，' x':0.07037036865949631，' y ' :0.97685185223817825，' width ' :0.96805555522441864
如果你再发贴出的表情，责任就全包了。双击发布的表达式来管理提取。
如何用代码玩表情
Vue表情包输入组件实现代码
情感
vue的表达式输入组件
https://gitee.com/jiangliyue/vue_expression_input_module
Index是用法示例，情感是组件代码(这里用的是微信表情包的地址，可以根据需要修改)
下载，安装，启动项目，看看效果
npm安装
npm运行开发
情感文件夹下情感文件的解释
实现原理是根据字段匹配替换在线表情包图片
代码中img标签的地址就是表情图片的地址，可以根据需要进行替换
已安装(){
const name=this。$el.innerHTML
Const list=['微笑'，'撇嘴'，'变色'，'发呆'，'得意'，'落泪'，'害羞'，'闭嘴'，'睡觉'，'哭'，'尴尬'，'生气'，'调皮'，'咬牙'，傲慢、饥饿、困倦、恐慌、汗水、笑声、士兵、挣扎、诅咒、怀疑、嘘、晕倒、折磨、衰落、骷髅、打败鄙视、委屈、哭泣、阴险、亲吻、惊吓、可怜、菜刀、西瓜、啤酒、篮球、乒乓球、咖啡、米饭、猪头和玫瑰瓢虫、便便、月亮、太阳、礼物、拥抱、强壮、虚弱、握手、胜利、燃料、诱惑、拳头、坏、爱你，”
let index=list.indexOf(name)
让IMghtml=` IMG src=' https://RES . wx . QQ.com/mpres/htmledition/images/icon/emotion/$ { index }。gif ' ` s
这个。$nextTick(()={
这个。$el.innerHTML=imgHTML
})
},
情感文件夹下的索引文件说明
通过循环列表生成表情选择框
div class=' emotion-box-line ' v-for='(line，i) in list' :key='i '
emotion class=' emotion-item ' v-for='(item，I)in line ' : key=' I ' @ click . native=' ClickHandler(item)' { { item } }/emotion
/div
最后需要注意的是，相关字符串保存在表情包评论后的后台，显示时需要还原成图片。具体方法可以参考索引文件。我这里用的是正则匹配变换，挺方便的
div class='text-place '
！- /\#[\u4E00-\u9FA5]{1，3 } \；/gi与#XXX匹配；的领域-
p v-html=' content . replace(/\ #[\ u4e 00-\ u9 fa 5]{ 1，3 } \；/gi，情感)'/p
/div
这就是全部代码。朋友可以自行更改代码，也可以复制代码，尝试使用。
就这么简单。有兴趣可以自己试试。如果不想自己尝试，可以复制上面的代码发给朋友。
以上是颤音超表情包代码的全部内容。希望以上内容能对朋友有所帮助。
