代码拉取完成，页面将自动刷新
本框架 大部分聊天对话所要求的特性已完成，能够助你快速开发聊天类对话界面
我们仅提供了两种方式来获取 LiteWebChat_Frame， 但你可以通过各种奇淫技巧获取使用。
你可以直接从 GayHub 项目 官网 直接克隆下载，其中包含了压缩过的和未压缩过的 CSS 和 一个例子文件，以及图片文件。
<link type="text/css" href="https://lab.morfans.cn/LiteWebChat_Frame/litewebchat.min.css" rel="stylesheet" />
或
<link type="text/css" href="https://lab.morfans.cn/LiteWebChat_Frame/litewebchat.css" rel="stylesheet" />
<div class="lite-chatbox">
...
</div>
兼容 Edge和其他主流浏览器的最新版本。
对于IE浏览器请微修改右对话气泡背景即可使用
| 组件（类名） | Class 附加类名 / 备注 |
|---|---|
| 聊天气泡组件（cmsg） | cleft（左边） / cright（右边） |
| 头像 (headIcon) | 默认方形 / radius（圆形头像） |
| 头衔 （htitle） | 默认成员头衔 / admin（管理头衔） / owner（群主头衔） |
| 名称（name） | 为空使用 ‘ ’ |
| 聊天内容（content） | - |
Example:
<div class="cright cmsg">
<img class="headIcon radius" ondragstart="return false;" oncontextmenu="return false;" src="./img/B.jpg" />
<span class="name">SuperPaxxs</span>
<span class="content">LiteChat_Frame（轻聊天气泡框架），一个贼简洁 <del>(简单)</del> 、美观、易用的 HTML 聊天界面框架</span>
</div>
| 类名 | 效果 |
|---|---|
| tips | 正常 |
| tips-primary | 首要的提示 |
| tips-success | 成功提示 |
| tips-info | 信息提示 |
| tips-warning | 警告提示 |
| tips-danger | 错误/危险提示 |
Example:
<div class="tips">
<span class="tips-danger">系统消息：左/右边长消息被管理员批判一番……</span>
</div>
<div class="tips">
<span>系统消息：normal</span>
</div>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
