抖音经常都会有一些有趣的玩法,最近就在抖音上面看到网友分享的一组超大表情包超级炫酷的,很多人都想要这组表情包。那么,抖音超大表情包怎么弄的?下面给大家分享这个超级火的抖音超大表情包代码完整版,大家要是喜欢这个表情包的可以去使用起来。
抖音超大表情包代码
代码:
sticker_start_tag_for_text{"originMsgType":0,"x":0.07037036865949631,"y":0.97685185223817825,"width":0.96805555522441864,"height":0.96805555522441864,"rotate":0,"hostMsgSeq":177238,"hostMsgUid":72057594853690144,"hostMsgTime":1521988367,"isDisplayed":false,"isShown":false,"msg":""}sticker_end_tag_for_text
如果自己再次发送贴表情包责会被覆盖 双击贴的表情 可以管理撤回。
Vue 表情包输入组件的实现代码
Emotion
一个用于vue的表情输入组件
https://gitee.com/jiangliyue/vue_expression_input_module
index是使用示例,emotion是组件代码(这里用的是微信表情包的地址,大家可根据需要修改)
下载安装启动项目查看效果
npm install
npm run dev
Emotion文件夹下Emotion文件说明
实现原理是根据字段对在线表情包图片进行匹配替换
代码中 img 标签的地址即为表情图片地址,可自己根据需求替换
mounted () {
const name = this.$el.innerHTML
const list = ['微笑', '撇嘴', '色', '发呆', '得意', '流泪', '害羞', '闭嘴', '睡', '大哭', '尴尬', '发怒', '调皮', '呲牙', '惊讶', '难过', '酷', '冷汗', '抓狂', '吐', '偷笑', '可爱', '白眼', '傲慢', '饥饿', '困', '惊恐', '流汗', '憨笑', '大兵', '奋斗', '咒骂', '疑问', '嘘', '晕', '折磨', '衰', '骷髅', '敲打', '再见', '擦汗', '抠鼻', '鼓掌', '糗大了', '坏笑', '左哼哼', '右哼哼', '哈欠', '鄙视', '委屈', '快哭了', '阴险', '亲亲', '吓', '可怜', '菜刀', '西瓜', '啤酒', '篮球', '乒乓', '咖啡', '饭', '猪头', '玫瑰', '凋谢', '示爱', '爱心', '心碎', '蛋糕', '闪电', '炸弹', '刀', '足球', '瓢虫', '便便', '月亮', '太阳', '礼物', '拥抱', '强', '弱', '握手', '胜利', '抱拳', '勾引', '拳头', '差劲', '爱你', 'NO', 'OK', '爱情', '飞吻', '跳跳', '发抖', '怄火', '转圈', '磕头', '回头', '跳绳', '挥手', '激动', '街舞', '献吻', '左太极', '右太极']
let index = list.indexOf(name)
let imgHTML = `<img src="https://res.wx.qq.com/mpres/htmledition/images/icon/emotion/${index}.gif">`
this.$nextTick(() => {
this.$el.innerHTML = imgHTML
})
},
Emotion文件夹下index文件说明
通过循环列表生成表情包选择框
<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>
最后需要注意的是表情包评论后保存到后台的是相关字符串,展示时需要还原成图片,具体方法可参考index文件,我这里用了正则匹配转化,还是比较方便的
<div class="text-place">
<!-- /\#[\u4E00-\u9FA5]{1,3}\;/gi 匹配出含 #XXX; 的字段 -->
<p v-html="content.replace(/\#[\u4E00-\u9FA5]{1,3}\;/gi, emotion)"></p>
</div>
全部代码就是这样,小伙伴们可以自己更改代码,也可以复制代码尝试使用。
以上就是关于抖音超大表情包怎么弄的相关介绍,大家可以了解下,最近这个超大表情包在抖音上面也是超级火的,大家如果感兴趣的可以去试一试。
本文转载于:卡饭网,如有侵权,请联系email:kf@53shop.com 进行删除处理。
抖音麻将牌买车是怎么回事?麻将牌买车具体什么情况 1088人
日前,一段视频在网上疯狂流传,据说视频中是一对情侣为了拍摄抖音视频,竟用三颗麻将付车款,遭到销售人员群殴。究竟麻将牌买车是怎么回事呢?来看看麻将牌买车具体是什么...[查看全文]
买了佛冷什么意思?抖音卖了否冷是什么歌 8722人
最近很多漂亮的小哥哥小姐姐纷纷都在玩白了佛冷的梗,那么买了佛冷什么意思?卖了否冷是什么歌抖音白了佛冷什么梗什么意思白了佛冷英文歌曲《ilovepoland》里的...[查看全文]
抖音盘他是什么梗?原视频地址分享 8268人
最近不少玩抖音的朋友应该都有刷到一个有趣的视频吧。一位女生自己在视频里说到:“甭管他什么东西,盘他。”之后就有很多网友都用这个视频来语音来当做背景“音乐”,创作...[查看全文]
抖音莉哥快猫视频完整版地址 5909人
最近娱乐圈流言蜚语特别多,最近因为抖音视频火的“莉哥”因为在直播间当着好多万观众的面戏唱国歌被拘留五日!事件之后立马被封杀,虎牙合同索赔高达约2.6亿,不久又传...[查看全文]
抖音很火的海绵宝宝五黑头像大全 抖音海绵宝宝五人开黑头像大全 5325人
最近抖音上很火的就是海绵宝宝5人开黑表情包,一起来看看抖音上很火的海绵宝宝开黑头像,抖音海绵宝宝五人开黑头像大全喜欢的朋友可以来了解一下。...[查看全文]
批发市场网收集整理了全国批发市场大全,让大家更快了解全国各地的批发市场,众多的批发市场进货技巧让您去批发市场拿货更方便快捷。
投诉、建议联系邮箱:93865423@qq.com (请尽量发邮件联系) 客服QQ:8779764
Copyright © 2006-2021 www.53shop.com all rights reserved.53货源网