当前位置:首页  科技

科技

抖音超大表情包代码

2022-04-06 15:00:27
导读 今日我们来聊聊一篇关于抖音超大表情包代码的文章,网友们对这件事情都比较关注,那么现在就为大家来简单介绍下抖音超大表情包代码,希望对各

今日我们来聊聊一篇关于抖音超大表情包代码的文章,网友们对这件事情都比较关注,那么现在就为大家来简单介绍下抖音超大表情包代码,希望对各位小伙伴们有所帮助

Tik Tok超级表情包代码代码:

sticker _ start _ tag _ for _ text { ' originMsgType ' :0,' x ' :0.07037036865949631,' y ' :0.97685185223817825,'宽度' 32444464,'高度' 33364

如果再发发布的表情包,责任就盖了。双击发布的表情可以设法撤回它。

如何用代码打表情包Vue表情包输入组件实现代码

情绪

vue的表情输入组件

https://gitee.com/jiangliyue/vue_expression_input_module

Index是用法举例,emotion是分量码(这里用的是微信表情包的地址,可以根据需要修改)

下载启动项目看看效果。

npm安装

npm运行开发

情感文件夹下的情感文件描述

实现原理是根据字段匹配替换在线表情图片。

代码中img标签的地址就是表情图片的地址,可以根据需要替换。

已安装(){

const name=this。$el.innerHTML

Const list=['微笑','噘嘴','情欲','发呆','骄傲','流泪','害羞','闭嘴','睡觉','哭泣','尴尬','愤怒','顽皮','露出牙齿',傲慢,饥饿,困倦,惊恐,出汗,傻笑,士兵,挣扎,诅咒,质疑,嘶嘶声,昏厥,折磨,腐朽,骷髅,跳动。'鄙视','委屈','接近流泪','阴险','亲吻','吓唬','怜悯','菜刀','西瓜','啤酒','篮球','乒乓球','咖啡','米饭','猪头','玫瑰瓢虫','便便','月亮','太阳','礼物','拥抱','强壮','虚弱','握手','胜利','拳头','诱惑','拳头','坏',爱你','

let index=list.indexOf(name)

let imgHTML=` img src=' https://RES . wx . QQ.com/mpres/html edition/images/icon/emotion/$ { index }。gif ' `文件

这个。$nextTick(()={

这个。$el.innerHTML=imgHTML

})

},

情感文件夹下的索引文件解释

通过循环列表生成表情选择框

列表' :key='i '中的div class=' emotion-box-line ' v-for='(line,I)

emotion class=' emotion-item ' v-for='(item,I)in line ' : key=' I ' @ click . native=' click handler(item)' { { item } }/emotion

/div

最后需要注意的是,表情包的评论后相关字符串被保存到后台,显示时需要还原成图片。具体方法请参考索引文件。我这里用的是正则匹配变换,挺方便的。

div class=" text-place "

!- /\#[\u4E00-\u9FA5]{1,3 } \;/gi与#XXX匹配;的领域-

p v-html=' content . replace(/\ #[\ u4e 00-\ u9fa 5]{ 1,3 } \;/gi,emotion)'/p

/div

代码就这么多,朋友可以自己改代码,也可以复制代码试着用。

就这么简单。有兴趣的可以自己试试。不想自己尝试的可以复制上面的代码发给朋友。

以上就是抖音超大表情包代码这篇文章的一些介绍,网友如果对抖音超大表情包代码有不同看法,希望来共同探讨进步。

免责声明:本文由用户上传,如有侵权请联系删除!