chenjunyu19
这是什么什么鬼?
SuperPaxxs
LiteChat_Frame(轻聊天气泡框架),一个贼简洁
(简单)
、美观、易用的 HTML 聊天界面框架
SuperPaxxs
它简洁而不简单,能使你开发聊天界面更快速
NEW
SuperPaxxs
LiteChat_Frame 拥有暗色模式, 快来试试吧:
切换配色
chenjunyu19
直接说,气泡是谁的?
SuperPaxxs
好吧,气泡 css 来自 Haswikr 的 Blog 的机器人气泡 😝
admin
Haswikr
当初调色煞费苦心
owner
Sonui
这设计真棒
menber123456789789
chenjunyu19
那咋用啊?
SuperPaxxs
诶哟少年你找对人了
如果只是使用,那非常简单。
使用指北
1. 引用 css: litechat.css
<link type="text/css" href="//lab.morfans.cn/LiteWebChat_Frame/litewebchat.css" rel="stylesheet" />
或
<link type="text/css" href="//lab.morfans.cn/LiteWebChat_Frame/litewebchat.min.css" rel="stylesheet" />
2. 创建一个 DIV ,用来容纳聊天对话,目的是不让 css 干扰页面其他内容:
<div class="lite-chatbox">
...
</div>
话说你就不会看下源码吗...
楼下是特性演示
Chenjunyu19 退出了聊天室并撩了你一把
空消息测试 1
空消息测试 2
chenjunyu19
注意,上面两条空消息的消息内容代码不一样
SuperPaxxs
头像换成方形请去掉 radius
chenjunyu19
我是左边的方形头像
图片消息
图片消息 2
图片带文字是可以的
(废话)
右边长消息
我的消息真的超级长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长长欸
左边长消息
这么巧鸭,我的也超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超超级长的欸
系统消息:左 / 右边长消息被管理员批判一番……
系统消息:normal
系统消息:primary
系统消息:success
系统消息:info
系统消息:warning
系统消息:danger
带有超链接的消息测试
当然是可以有超链接的。例子在这里:
你敢点我吗
← 戳这里
全符号测试
。,;?:!‘’“”@ˆ.,;?:!'"〝〞﹫ˇ
全 emoji 测试
😀😝🐂🍺
当无昵时候需要 填充
SuperPaxxs
换行用 <br>,HTML 你懂的..
chenjunyu19
以上就是全部的特性,以后有空再更
发送