feat: 新增 /拍一拍 功能 + 斜杠命令菜单

- 输入框输入 / 弹出命令菜单,当前支持 /拍一拍
- 选择对象后输入 /拍一拍 发送拍一拍通知
- 所有在线用户屏幕抖动 + 正常聊天样式显示消息
- 命令注册表可扩展,后续新增命令只需 push 到数组
This commit is contained in:
pllx
2026-04-28 22:59:16 +08:00
parent 0dd85879af
commit 495efdf9e0
10 changed files with 613 additions and 0 deletions
+24
View File
@@ -7,6 +7,30 @@
* @version 1.0.0
*/
/*
拍一拍屏幕抖动动画
*/
@keyframes chat-shake {
0%, 100% { transform: translateX(0); }
10%, 50%, 90% { transform: translateX(-4px); }
30%, 70% { transform: translateX(4px); }
}
.chat-shake {
animation: chat-shake 0.4s ease-in-out;
}
/*
斜杠命令菜单
*/
.slash-command-menu::-webkit-scrollbar {
width: 6px;
}
.slash-command-menu::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
}
/* Alpine.js x-cloak:初始化完成前完全隐藏,防止弹窗闪烁 */
[x-cloak] {
display: none !important;