rvice-giant-QrCode-btn');
const contactPanel = document.querySelector('.online-service-giant2');
const qrcodePanel = document.querySelector('.online-service-giant1');
// 初始化隐藏面板
contactPanel.style.display = 'none';
qrcodePanel.style.display = 'none';
// 联系按钮鼠标移入/移出事件
contactBtn.addEventListener('mouseenter', () => {
contactPanel.style.display = 'block';
qrcodePanel.style.display = 'none'; // 隐藏另一个面板，避免重叠
});
contactBtn.addEventListener('mouseleave', () => {
// 可选：延迟隐藏，避免鼠标移开按钮瞬间消失
setTimeout(() => {
if (!contactPanel.matches(':hover')) {
contactPanel.style.display = 'none';
}
}, 200);
});
// 二维码按钮鼠标移入/移出事件
qrcodeBtn.addEventListener('mouseenter', () => {
qrcodePanel.style.display = 'block';
contactPanel.style.display = 'none'; // 隐藏另一个面板，避免重叠
});
qrcodeBtn.addEventListener('mouseleave', () => {
setTimeout(() => {
if (!qrcodePanel.matches(':hover')) {
qrcodePanel.style.display = 'none';
}
}, 200);
});
// 面板鼠标移出事件（确保移开面板也会隐藏）
contactPanel.addEventListener('mouseleave', () => {
contactPanel.style.display = 'none';
});
qrcodePanel.addEventListener('mouseleave', () => {
qrcodePanel.style.display = 'none';
});
