index.html 8.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>镜像站@WebIM - 用于开发网页端聊天系统的纯静态 UI 界面解决方案</title>
  6. <meta name="keywords" content="webim,layim,网页聊天,web即时通讯">
  7. <meta name="description" content="LayIM 是基于 layui 的一款用于开发网页端聊天系统(WebIM)的纯静态 UI 界面解决方案,其包含的只是一套前端源代码素材和相关的模拟示例,没有后端程序及数据库存储等服务。">
  8. <meta name="renderer" content="webkit">
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  11. <script>
  12. ;!function(){self!==parent&&(location.href="https://www.baidu.com/")}();
  13. </script>
  14. <link rel="stylesheet" href="../../res.layui.com/layui/dist/css/layui.css" tppabs="https://res.layui.com/layui/dist/css/layui.css?t=202101121" media="all">
  15. <link rel="stylesheet" href="../../res.layui.com/static/css/global.css" tppabs="https://res.layui.com/static/css/global.css?t=202101121" media="all">
  16. <link rel="stylesheet" href="style.css-t=20210226.css" tppabs="https://www.layui.com/layim/style.css?t=20210226" media="all">
  17. </head>
  18. <body>
  19. <div class="header site-layim-header">
  20. <div class="layui-main">
  21. <a class="logo" href="../index.html" tppabs="https://www.layui.com/">
  22. <img src="../../res.layui.com/static/images/layui/logo.png" tppabs="https://res.layui.com/static/images/layui/logo.png" alt="layui">
  23. </a>
  24. <ul class="layui-nav">
  25. <li class="layui-nav-item">
  26. <a href="../index.html" tppabs="https://www.layui.com/" class="layui-this">WebIM</a>
  27. </li>
  28. <li class="layui-nav-item">
  29. <a href="http://fly.layui.com/groups/list/layim/" target="_blank">技术问答</a>
  30. </li>
  31. </ul>
  32. </div>
  33. </div>
  34. <div class="layui-main">
  35. <div class="site-layim-banner">
  36. <p><img src="images/logo.png-v=v3.png" tppabs="https://www.layui.com/layim/images/logo.png?v=v3" class="site-layim-logo" alt="layim,拉近用户与Web间的距离"></p>
  37. <p class="site-layim-btn">
  38. <a href="../../../res.layui.com/static/download/layim/layim-v3.9.8.zip" target="_blank" class="layim-font layui-btn">
  39. 当前版本
  40. <span style="position: absolute; line-height: 18px; top: -15px; left: 0; width: 100%; text-align: center;">
  41. <cite class="layui-badge" id="LAY_layimv">v3.9.8</cite>
  42. </span>
  43. </a>
  44. <a href="#getAuth" class="layim-font layui-btn site-layim-getbtn" data-type="getAuth">
  45. 关于产品
  46. <!--<span style="position: absolute; line-height: 18px; top: -15px; left: 0; width: 100%; text-align: center;">
  47. <cite class="layui-badge">年度特惠</cite>
  48. </span>-->
  49. </a>
  50. </p>
  51. </div>
  52. <div class="site-layim-nav">
  53. <a href="../../fly.layui.com/docs/7.html" target="_blank">
  54. <span pc>前端文档</span>
  55. <span class="layui-hide" mobile>文档</span>
  56. </a>
  57. <a href="../demo/layim.html" tppabs="https://www.layui.com/demo/layim.html" target="_blank">
  58. <span pc><cite style="font-size: 16px;">在线演示</cite></span>
  59. <span class="layui-hide" mobile>演示</span>
  60. </a>
  61. <a href="https://fly.layui.com/docs/1/" class="layim-active">
  62. <span>更新日志</span>
  63. </a>
  64. <a href="http://fly.layui.com/jie/3244/" target="_blank">
  65. <span pc>拓展阅读</span>
  66. <span class="layui-hide" mobile>拓展</span>
  67. </a>
  68. </div>
  69. <div class="site-layim-title" style="margin-bottom: 0;">
  70. <fieldset><legend>小睹芳容</legend></fieldset>
  71. </div>
  72. <div class="site-layim-look">
  73. <a href="../demo/layim.html" tppabs="http://www.layui.com/demo/layim.html" target="_blank">
  74. <img src="../../res.layui.com/upload/2021_3/168_1615825722357_92399.jpg" tppabs="https://cdn.layui.com/upload/2021_3/168_1615825722357_92399.jpg">
  75. </a>
  76. </div>
  77. <a name="getAuth"> </a>
  78. <div class="site-layim-title" id="LAY_getAuth">
  79. <fieldset><legend>关于产品</legend></fieldset>
  80. </div>
  81. <div class="site-layim-text">
  82. <p>LayIM 是基于 layui 的一款用于开发网页端聊天系统的纯静态 UI 界面解决方案,其包含的只是一套前端源代码素材和相关的模拟示例,没有后端程序及数据库存储等服务。</p>
  83. </div>
  84. <!--<blockquote class="layui-elem-quote layui-text" style="margin: 20px 0 0 0; color: #FF5722;">
  85. <ul>
  86. <li></li>
  87. <li><a href="" target="_blank">了解详情</a></li>
  88. </ul>
  89. </blockquote>-->
  90. <div class="site-layim-get">
  91. <div class="site-layim-getlist">
  92. <div class="site-layim-title">
  93. <fieldset><legend style="padding: 0 15px;">开发版</legend></fieldset>
  94. <i class="layim-hot layui-hide-xs" style="top: 20px;">new</i>
  95. </div>
  96. <ul class="site-layim-text">
  97. <li>界面采用 HTML、CSS、JavaScript 编写,遵循 layui 前端框架的组件结构,仅为前端界面部分,不具备后台程序以数据库存储等功能。因此实际使用时,需要自己开发后端语言或对接云服务平台(如:融云、环信等)。</li>
  98. <li>还原桌面端操作体检,界面系完全原创。</li>
  99. <li>更新时可直接覆盖式替换源文件,简单直接。</li>
  100. <li>LayIM 只供个人前端技术交流及学习使用,仅保留老用户下载通道。如有疑问,可联系邮箱:<span style="color: #009688;">xianxin#layui-inc.com</span>(#改成@)</li>
  101. </ul>
  102. <!--
  103. <ul class="site-layim-text">
  104. <li>始终拥有 LayIM 最新版全部前端功能以及纯前端源代码(以便二次开发)</li>
  105. <li>版本永久自助升级和下载权限</li>
  106. <li>可在问答专区发表技术解答</li>
  107. <li>本产品不具备后端程序及数据库存储功能,但理论上可与任何后端语言及云服务平台(如:融云、环信等)进行自助开发对接</li>
  108. </ul>
  109. -->
  110. </div>
  111. </div>
  112. <blockquote class="layui-elem-quote layui-text">
  113. <p style="margin-top: 10px; ">
  114. <span style="color: #FF5722;">注意</span>:LayIM 受国家计算机软件著作权保护(登记号:2018SR064263),禁止公开及传播产品源文件、二次出售等,违者将承担相应的法律责任。
  115. </p>
  116. <br>
  117. <p><span style="color: #FF5722;">特别提示</span>:尽管 LayIM 只是 UI 界面,但也必须用于符合我国法律法规的正规平台,对用在非法平台中而造成的任何风险,与 LayIM 无关。附:《<a href="../about/disclaimer.html" tppabs="https://www.layui.com/about/disclaimer.html" target="_blank">软件免责声明</a>》</p>
  118. </blockquote>
  119. <!--<blockquote class="layui-elem-quote" style="color: #FF5722;">
  120. 如果您需要更便捷的客服系统,可了解在线云客服系统,只需在你的网页放置一段简单的代码,即可轻松使用:
  121. <a href="https://www.xiankefu.com/" class="layui-btn layui-btn-normal" target="_blank">贤客服系统</a>
  122. </blockquote>-->
  123. <div class="site-layim-title" id="LAY_getAuth">
  124. <fieldset><legend>涵盖功能</legend></fieldset>
  125. </div>
  126. <div class="site-layim-text">
  127. <p>聊天面板最大化/右下角调整尺寸、移动端会话面板适配(含全新的聊天内容时间展示)、自定义工具栏、消息桌面提醒/声音提醒、添加好友/群组的弹出面板、消息盒子/聊天记录的内置模版、最新系统消息机制、主面板修改签名、好友会话状态刷新、系统消息展示、群聊成员私聊、好友置灰和取消。</p>
  128. <p style="margin-top: 10px;">以及包含 LayIM 2.x 的全部功能:在线状态设置、好友分组展示、群组、历史会话、右键菜单操作、搜索好友/群组、换肤、关于、主面板最小化/展开状态记录、私聊面板、群聊面板、多聊天切换、消息提醒、表情、图片上传、文件上传、聊天记录及其本地化存储、快捷键发送设置、聊天面板最小化、在线客服/自定义聊天模式 and so on.</p>
  129. </div>
  130. <div class="site-layim-footer">
  131. <p style="margin-bottom: 20px;"><img src="images/footer.png" tppabs="https://www.layui.com/layim/images/footer.png" alt="layim,极简体验" style="width: 316px;"></p>
  132. <p>layui 情怀出品</p>
  133. </div>
  134. </div>
  135. <script src="../../res.layui.com/layui/dist/layui.js" tppabs="https://res.layui.com/layui/dist/layui.js?t=202101121"></script>
  136. </body>
  137. </html>