一款基于vue与elementu-ui开发的聊天室组件库，在UI上模仿了TIM及微信在提供基础封装的同时，最大程度的增加扩展性资源-CSDN文库

共334个文件

gif：146个

js：52个

png：50个

版权申诉

应用工具

web应用开发

24 浏览量 2023-08-22 10:30:52 上传评论收藏 19.39MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

一款基于vue与elementu-ui开发的聊天室组件库，在UI上模仿了TIM及微信在提供基础封装的同时，最大程度的增加扩展性（334个子文件）

iconfont.css 17KB

demo.css 8KB

iconfont.eot 19KB

.eslintignore 46B

vue_mchat_demo.gif 33.25MB

demo_gif.gif 245KB

59.gif 10KB

22.gif 10KB

24.gif 8KB

13.gif 7KB

16.gif 7KB

39.gif 6KB

64.gif 6KB

63.gif 6KB

50.gif 6KB

4.gif 6KB

1.gif 5KB

42.gif 5KB

71.gif 5KB

21.gif 5KB

20.gif 5KB

29.gif 5KB

70.gif 4KB

5.gif 4KB

17.gif 4KB

27.gif 4KB

9.gif 4KB

44.gif 4KB

11.gif 4KB

8.gif 4KB

3.gif 4KB

23.gif 4KB

34.gif 4KB

41.gif 4KB

38.gif 4KB

65.gif 3KB

32.gif 3KB

45.gif 3KB

7.gif 3KB

12.gif 3KB

26.gif 3KB

60.gif 3KB

2.gif 3KB

40.gif 3KB

25.gif 3KB

19.gif 3KB

66.gif 3KB

18.gif 3KB

46.gif 3KB

10.gif 3KB

28.gif 3KB

51.gif 3KB

57.gif 3KB

共 334 条

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>IconFont Demo</title> <link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/> <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css"> <link rel="stylesheet" href="demo.css"> <link rel="stylesheet" href="iconfont.css"> <script src="iconfont.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script> </head> <body> <div class="main"> <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></a></h1> <div class="nav-tabs"> <ul id="tabs" class="dib-box"> <li class="dib active"><span>Unicode</span></li> <li class="dib"><span>Font class</span></li> <li class="dib"><span>Symbol</span></li> </ul> <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2269547" target="_blank" class="nav-more">查看项目</a> </div> <div class="tab-container"> <div class="content unicode" style="display: block;"> <ul class="icon_lists dib-box"> <li class="dib"> <span class="icon iconfont"></span> <div class="name">创作</div> <div class="code-name">&#xe8ad;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">群组</div> <div class="code-name">&#xe600;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">系统消息</div> <div class="code-name">&#xe75e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">el-icon-menu</div> <div class="code-name">&#xe7da;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">用户</div> <div class="code-name">&#xe623;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">对话</div> <div class="code-name">&#xe60e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">对话</div> <div class="code-name">&#xe685;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">用户</div> <div class="code-name">&#xe703;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">用户</div> <div class="code-name">&#xe60a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">warning</div> <div class="code-name">&#xe648;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">文件</div> <div class="code-name">&#xe605;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">edit</div> <div class="code-name">&#xe66e;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">eye-close</div> <div class="code-name">&#xe674;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">map</div> <div class="code-name">&#xe679;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">help</div> <div class="code-name">&#xe67b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">modular</div> <div class="code-name">&#xe68d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">play</div> <div class="code-name">&#xe69a;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">prompt</div> <div class="code-name">&#xe69b;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">help-filling</div> <div class="code-name">&#xe69f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">warning</div> <div class="code-name">&#xe888;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">close-circle</div> <div class="code-name">&#xe77d;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">left-circle</div> <div class="code-name">&#xe77f;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">down-circle</div> <div class="code-name">&#xe780;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">minus-circle</div> <div class="code-name">&#xe781;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">plus-circle</div> <div class="code-name">&#xe782;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">play-circle</div> <div class="code-name">&#xe783;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">right-circle</div> <div class="code-name">&#xe784;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">YUAN</div> <div class="code-name">&#xe785;</div> </li> <li class="dib"> <span class="icon iconfont"></span> <div class="name">up-circle</div> <div class="code-name">&#xe786;</div> </li> <li class="dib"> <span class="icon iconfont"></span>

评论收藏

内容反馈

版权申诉