首页 > 表情包设计 > 抖音流汗表情包图片-如何设置抖音表情包和超级表情包代码教程
2023
07-04

抖音流汗表情包图片-如何设置抖音表情包和超级表情包代码教程

1、抖音设置表情 首先打开抖音app的聊天界面抖音流汗表情包图片,点击表情图标;

2.在弹出的表情窗口中点击心形图标;

3.点击添加自定义表情;

4、点击+;

5. 选择表情并确认即可完成添加喜爱表情。

抖音超级表情包代码教程

1.抖音超级表情包代码

Sticker_start_tag_for_text{“originMsgType”:0,“x”:0.949631表情包设计,“y”:0.976855,“宽度”:0.968864,“高度”:0.968864,“旋转”:0,“hostMsgSeq”:177238,“hostMsgUid”:720144, "hostMsgTime":1521988367,"isDisplayed":false,"isShown":false,"msg":""}sticker_end_tag_for_text

如果再次发送该表情包,该包将被覆盖。 双击表情即可管理提现。

2. 教程

Vue表情包输入组件实现代码

情感

vue的表情输入组件

index为使用示例,emotion为组件代码(这里使用的是微信表情包的地址,可以根据自己的需要修改)

下载安装启动项目查看效果

npm 安装

npm 运行开发

Emotion文件夹下的Emotion文件说明

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

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

安装{

常量名称 = this. $el。 内部HTML

const list = ['微笑', '皮普', '颜色', '茫然', '骄傲', '眼泪', '害羞', '闭嘴', '睡觉', '哭泣', '尴尬', '生气”、“顽皮”、“惊讶”、“悲伤”、“酷”、“冷汗”、“疯狂”、“吐口水”、“笑”、“可爱”、“白眼”、“傲慢”、“饥饿”、“困倦”、“害怕”、“流汗”、“微笑”、“士兵”、“挣扎”、“诅咒”、“怀疑”、“嘘”、“头晕”、“折磨”、“失败” 、‘骷髅’、‘殴打’、‘再见’、‘擦汗’、‘挖鼻孔’、‘鼓掌’、‘大尴尬’、‘坏笑’、‘左哼哼’、‘右哼哼’、‘哈欠’ 、‘蔑视’、‘委屈’、‘哭泣’、‘阴险’、‘亲吻’、‘吓唬’、‘可怜’、‘菜刀’、‘西瓜’、‘啤酒’、‘篮球’、‘乒乓’、 ‘咖啡’、‘米饭’、‘猪头’、‘玫瑰’、‘褪色’、‘爱’、‘爱’、‘心碎’、‘蛋糕’、‘闪电’、‘炸弹’、‘刀’、‘足球'、'瓢虫'、'便便'、'月亮'、'太阳'、'礼物'、'拥抱'、'强'、'弱'、'握手''、'胜利'、'握拳'、'勾引”、“拳头”、“坏”、“爱你”、“不”、“好吧”、“爱”、“飞吻”、“跳”、“颤抖”、“火”、“盘旋”、“磕头、回头、跳绳、挥手、兴奋、街舞、接吻、左太极、右太极】

让索引=列表。 索引(名称)

让 imgHTML = `

`

这。 $nextTick( => {

this.$el.innerHTML = imgHTML

})

},

Emotion文件夹下的索引文件说明

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

最后需要注意的是抖音流汗表情包图片,emoji包注释保存到后台后,是相关的字符串,显示时需要将其恢复为图片。 具体方法请参考索引文件。 我这里使用的是正则匹配转换,还是比较方便的。

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计