好资源导航 » 文章资讯 » vue界面发送表情的实现代码

vue界面发送表情的实现代码

2023-07-16 20:13:04 75

完全照搬不一定能写出来只是让看个思想




@import'../../assets/css/dialogue.css';

#emoji-list{
height:230px;
background:#fff;
}
#emoji-list.cell{
line-height:13vh;
border-right:1rpxsolid#ddd;
border-bottom:1rpxsolid#ddd;
}
.flex-row{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
}
.flex-column{
display:flex;
flex-direction:column;
justify-content:center;
align-items:stretch;
}
.flex-cell{
flex:1;
}
.cellimg{
width:35px;
height:35px;
}

补充知识：vue+element-ui实现聊天表情包

我是用的本地json数据实现的，表情不是很多，首先创建个json文件，代码如下：

[{
"codes":"1F600",
"char":"

返回顶部
514930285
czq8825@qq.com

vue界面发送表情的实现代码

热门推荐

随机推荐