56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<div class="footer">
|
|
<div class="width1600">
|
|
<p>© 2024 国信中健数字科技有限公司</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 复制提示 -->
|
|
<div class="copy-tooltip">
|
|
<i class="fas fa-check-circle"></i>
|
|
<span>密码已复制到剪贴板</span>
|
|
</div>
|
|
|
|
<script>
|
|
// 添加文档下拉菜单交互
|
|
const docIcon = document.querySelector('.doc-icon');
|
|
const dropdownMenu = document.querySelector('.dropdown-menu');
|
|
|
|
docIcon.addEventListener('click', (e) => {
|
|
e.stopPropagation();
|
|
dropdownMenu.classList.toggle('show');
|
|
});
|
|
|
|
// 点击其他地方关闭下拉菜单
|
|
document.addEventListener('click', () => {
|
|
dropdownMenu.classList.remove('show');
|
|
});
|
|
|
|
// 防止点击下拉菜单内部时关闭
|
|
dropdownMenu.addEventListener('click', (e) => {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// 复制密码功能
|
|
const copyButtons = document.querySelectorAll('.copy-btn');
|
|
const tooltip = document.querySelector('.copy-tooltip');
|
|
|
|
copyButtons.forEach(button => {
|
|
button.addEventListener('click', (e) => {
|
|
e.stopPropagation();
|
|
const password = button.dataset.password;
|
|
|
|
// 复制密码到剪贴板
|
|
navigator.clipboard.writeText(password).then(() => {
|
|
// 显示提示
|
|
tooltip.classList.remove('hide');
|
|
tooltip.classList.add('show');
|
|
|
|
// 2秒后隐藏提示
|
|
setTimeout(() => {
|
|
tooltip.classList.remove('show');
|
|
tooltip.classList.add('hide');
|
|
}, 2000);
|
|
});
|
|
});
|
|
});
|
|
</script> |