LayIM 纯静态 UI 主题

LayIM 是一套面向网页端聊天系统（WebIM）的纯静态主题，仅为前端界面部分，没有后台程序及数据库存储等功能。

最新版本：v4.1.0
获取主题 文档 示例

ℹ️ 主题需知

  • 鉴于维护成本和个人精力因素，当前 LayIM 纯静态主题主要为之前已获得授权的老用户保留「下载 文档 反馈」等相关权限，自 2021 年起已不再面向新用户获取。
  • LAYUION 是该主题的正版发行方，其他平台提供的该主题均为盗版侵权行为，并非 Layui 官方授权，请仔细辨别。我们呼吁广大开发者尊重作者的劳动成果及知识产权。

主题预览

📣：LayIM 全新 4.x 版本发布，包含「AI 对话模式、深色主题」等大量新功能的支持。所有之前已经获得过 LayIM 主题的老用户均可下载升级。

layim

主题特点

  • 主题遵循 Layui 组件结构，代码仅为前端界面部分，没有后台程序及数据库存储等功能。因此实际使用时，需自行开发后端或对接云服务平台。
  • 主题基本还原桌面端操作体验，且界面均为原创。
  • 主题更新时可直接覆盖式替换源文件，简单直接。

功能列表

📑 4.x（Current Version） 3.x
普通聊天模式（单聊、群聊） ✅ ✅
AI 对话模式 ✅
对接通义千问 Demo ✅
自定义内容解析器 ✅
自定义扩展工具栏 ✅
自定义聊天记录的初始渲染，支持 Promise ✅
深色主题 ✅
自定义滚动条样式公共类 ✅
大量功能细节的改进 ✅
面板背景图片设置 ✅ ✅
是否开启联系人面板 ✅ ✅
联系人面板修改签名 ✅ ✅
联系人列表置灰和取消 ✅ ✅
联系人面板在线状态设置 ✅ ✅
联系人面板最小化记忆 ✅ ✅
联系人面板好友分组展开状态记忆 ✅ ✅
自主开启好友/群组/历史对话模块 ✅ ✅
好友分组展示 ✅ ✅
搜索当前好友/群组 ✅ ✅
聊天面板最大化/右下角调整尺寸 ✅ ✅
消息桌面提醒/声音提醒 ✅ ✅
申请好友/群组面板 ✅ ✅
同意添加好友面板 ✅ ✅
消息盒子/聊天记录内置模板 ✅ ✅
系统消息展示 ✅ ✅
聊天对象状态刷新 ✅ ✅
群聊成员自主展示 ✅ ✅
多聊天面板切换 ✅ ✅
聊天记录本地化存储 ✅ ✅
快捷键发送设置 ✅ ✅
聊天面板最小化展示 ✅ ✅
WAP 版本 ✅ ✅

其他须知

  • LayIM 受国家计算机软件著作权保护（登记号：2018SR064263），禁止公开及传播产品源文件、二次出售等，违者将承担相应的法律责任。
  • 请秉承合法合理的原则使用 LayIM 静态主题，不使用该主题开发任何侵害他人利益的非法 Web 平台，否则造成的任何后果，由使用者自行承担。

v4.1.0

  • 升级 Layui 2.11.2
  • 修复 layim.extendChatTools() 方法扩展图片和文件时 ajax 选项无效的问题
  • 修复 查看群员事件(viewMmembers) 中渲染成员列表数据报错的问题

v4.0.1

  • 升级 Layui 2.9.18
  • 优化演示页面若干细节

v4.0.0

  • 升级 Layui 2.9.16
  • 新增 AI 对话模式，并提供了「阿里云通义千问大模型」接入测试示例
  • 新增 设置面板，可支持设置主题风格、背景图
  • 新增 深色主题，可通过 theme: 'dark' 选项或右下角设置面板开启
  • 新增 layim.theme(style) 方法，可用于动态设置面板的主题风格
  • 新增 layim.callback(name, handle) 方法，用于设置或获取回调函数
  • 新增 layim.extendChatTools() 方法，用于扩展聊天面板工具栏
  • 新增 contentParser 回调函数，用于自定义内容解析器
  • 新增 chatlog 回调函数，用于获取后端聊天记录并渲染到对话面板，支持 Promise
  • 新增 layim-scrollbar 的公共 className，用于自定义滚动条样式的 （仅 Chrome 有效）
  • 新增 chatInit 事件，聊天面板初始打开时触发
  • 新增 pageurl 选项，用于通过函数的方式设置可能用到的 iframe 页面地址
  • 改进 layim.chat(), layim.getMessage() 等方法，以更好地适配 AI 对话模式
  • 修复 mine 变量声明在了全局变量的问题
  • 修复 WAP 版出现多余纵向滚动条的问题
  • 优化 大量选项和方法名称，以便结构更加清晰和更符合语义。详见最新版文档。
  • 优化 事件机制及返回的参数
  • 优化 整体默认样式
  • 优化 多张内置背景图片
  • 优化 更换背景图后，面板边框出现的瑕疵
  • 优化 聊天面板输入框工具栏交互
  • 重构 默认内容解析器，语法遵循 Markdown
  • 重构 测试页面，提供了：综合演示、AI 对话模式演示、WAP 版演示


v3.9.9

  • [升级] layui 2.6.13
  • [优化] 聊天面板的整体风格
  • [优化] 聊天面板在不同数量的聊天列表时的坐标自适应
  • [新增] defaultAvatar 参数，用于在未传入头像时显示的默认头像地址
  • [调整] 表情面板，由 GIF 改为 颜文字

v3.9.8

  • [升级] layui v2.6.6
  • [修复] 之前几个版本导致的消息盒子、发现，聊天记录等示例页面无法正常预览的问题

v3.9.7

  • 从 layui 内置模块中独立出来，这意味着升级时可与 layui 保持分开
  • 优化了部分核心代码

v3.9.5

  • [升级] layui v2.5.6
  • [优化] 部分代码
  • [优化] 移动版演示

v3.9.0

  • [升级] layui v2.5.0
  • [修复] 历史会话列表，移除该会话的 bug
  • [修复] 发送快捷键选择的图标异常问题
  • 移动版：
    • [修复] 不支持跨域上传的问题
    • [修复] 手势滑动导致表情面板关闭的问题

v3.8.0

  • [优化] 大量细节

v3.7.0

  • [升级] layui 2.0
  • 支持跨域上传图片或一般文件
  • 压缩文件目录由 build 改为 dist目录
  • [修复] accept 还是采用了原来的 type 的问题

v3.6.0

  • [移动版] 新增群聊会话支持
  • [移动版] 新增查看聊天信息icon和事件，以便自定义相关页面（目前只对群组面板开启）
  • [移动版] 新增参数tabIndex，用户设定初始打开的Tab项下标（默认0）

v3.5.0

  • [注意] 该版本的资源包中的目录结构有所变动，layui 目录改为 build，source 目录改为 src，请注意更换路径
  • [更换] 默认消息提示音，因之前的音质存在破音
  • [优化] 针对音频地址错误的情况，增加播放异常提示
  • [修复] 置灰好友/群时，聊天面板列表和历史记录未同步置灰的问题
  • [修复] 消息盒子示例异常的问题
  • [修复] IE8 下主面板异常的 bug（一个未闭合的标签导致的）
  • [修复] 多条音频播放异常的重大 BUG（PC 和移动端通用）
  • 移动版：
    • [新增] 面板出场和离场动画，与 Native 风格一致
    • [新增] 主面板底部导航：消息、联系人、更多
    • [新增] 消息面板，并具备强大的新消息置顶以及未读消息徽章标记功能
    • [新增] “新的朋友”入口，不过目前需要先自己写界面，也可通过 isNewFriend:false来关闭
    • [新增] 更多面板，并通过layim.config的moreList参数随意定制列表
    • [新增] 方法：layim.panel(options); 可弹出自定义面板
    • [新增] 方法：layim.showNew(alias, status); 用于显示和销毁动态标志
    • [新增] 面板返回（或关闭）的事件：back
    • [新增] 点击“新的朋友”的事件：newFriend
    • [新增] 支持客服模式（即不显示主面板，只弹出聊天面板）
    • [新增] 用于触发聊天记录的事件“chatlog”返回的回调参数变动，详见文档
    • [新增] 用于触发扩展工具栏的 tool 事件与 PC 端方式完全一致
    • [优化] 呼出键盘时，不遮盖内容区域的问题
    • [优化] 发送完消息不消失键盘的问题
    • [优化] UI 微调，更接近 Native、更大气
    • [优化] 音频/视频显示支持
    • [优化] 聊天输入框、按钮、图标尺寸放大（因为手机上操作太小气了）
    • [修复] 关闭聊天面板，再重新打开，聊天内容区域未显示时间的BUG
    • [修复] iPhone 部分型号设备无法滑动的问题
    • [修复] 当打开任意联系人界面时，非该联系人的新消息显示在了该联系人界面的重大 bug
    • [修复] 本地聊天记录顶部连续出现时间的 bug
    • [修复] 点击关于无法弹出的 bug

该版本主要对“移动端”版本进行了重大更新


v1.0 - 3.0

  • 版本过于久远了

Copyright © 2025 LAYUION