优化完成
This commit is contained in:
@@ -3,45 +3,7 @@
|
||||
* 处理通话结束后的操作,如重新连接或返回连接界面
|
||||
*/
|
||||
|
||||
// 通知函数
|
||||
function showNotification(message, type = 'info') {
|
||||
const notification = document.getElementById('notification');
|
||||
const notificationText = document.getElementById('notificationText');
|
||||
|
||||
if (notification && notificationText) {
|
||||
notificationText.textContent = message;
|
||||
|
||||
// 清除之前的类
|
||||
notification.className = 'fixed top-20 left-1/2 transform -translate-x-1/2 glass px-6 py-3 rounded-full flex items-center gap-3 opacity-0 pointer-events-none transition-all duration-300 z-50 translate-y-[-20px]';
|
||||
|
||||
// 根据类型添加不同的图标
|
||||
const iconElement = notification.querySelector('i');
|
||||
if (iconElement) {
|
||||
iconElement.className = 'fas fa-info-circle text-indigo-400';
|
||||
switch (type) {
|
||||
case 'success':
|
||||
iconElement.className = 'fas fa-check-circle text-green-400';
|
||||
break;
|
||||
case 'error':
|
||||
iconElement.className = 'fas fa-exclamation-circle text-red-400';
|
||||
break;
|
||||
case 'warning':
|
||||
iconElement.className = 'fas fa-exclamation-triangle text-yellow-400';
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// 显示通知
|
||||
notification.classList.remove('opacity-0', 'translate-y-[-20px]');
|
||||
notification.classList.add('opacity-100', 'translate-y-0');
|
||||
|
||||
// 3秒后隐藏
|
||||
setTimeout(() => {
|
||||
notification.classList.remove('opacity-100', 'translate-y-0');
|
||||
notification.classList.add('opacity-0', 'translate-y-[-20px]');
|
||||
}, 3000);
|
||||
}
|
||||
}
|
||||
import { showNotification } from '../utils.js';
|
||||
|
||||
// 重新连接
|
||||
function reconnectCall() {
|
||||
@@ -93,6 +55,5 @@ window.addEventListener('DOMContentLoaded', () => {
|
||||
});
|
||||
|
||||
// 导出全局函数
|
||||
window.showNotification = showNotification;
|
||||
window.reconnectCall = reconnectCall;
|
||||
window.leaveCall = leaveCall;
|
||||
|
||||
Reference in New Issue
Block a user