viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17779" width="64" height="64">', activeIcon: '', url: 'https://xmvod.com', linkType: 'blank', // 超链接方式: 'home'=首页 'iframe'=嵌入 'blank'=新窗口 showCloseBar: true, // 是否显示关闭栏 showMenuBar: false, // 是否显示菜单栏 activeColor: '', // 自定义选中颜色(橙色) // showCloseBar和showMenuBar未配置,将使用全局默认设置 } ]; /* ===================================================== * 配置区域结束 * ===================================================== * 使用说明: * 1. 修改globalSettings来调整全局行为 * 2. 修改menuConfig来添加/删除/编辑菜单项 * 3. 可调用window.xxx函数来动态控制功能 * * 常用配置示例: * - 禁用关闭栏:globalSettings.closeBar.enabled = false * - 修改默认颜色:globalSettings.colors.activeColor = '#your-color' * - 添加新菜单:在menuConfig数组中添加新对象 * ===================================================== */ // 生成菜单 function generateMenu() { var container = document.getElementById('btmNavContainer'); if (!container) return; container.innerHTML = ''; for (var i = 0; i < menuConfig.length; i++) { var item = menuConfig[i]; var menuItem = document.createElement('a'); menuItem.className = 'btm-nav-item' + (item.active ? ' active' : ''); menuItem.href = 'javascript:void(0)'; menuItem.setAttribute('data-id', item.id); var icon = item.active ? item.activeIcon : item.icon; var iconHtml = ''; // 判断图标类型(只支持SVG代码和外部链接) if (icon && icon.startsWith(''; } else if (icon && (icon.startsWith('http') || icon.startsWith('/') || icon.includes('.'))) { // 外部图片链接 iconHtml = '
' + item.name + '
'; } else { // 不支持的图标类型,显示默认图标 iconHtml = '
?
'; } menuItem.innerHTML = iconHtml + '' + item.name + ''; // 绑定点击事件 - 使用data属性避免闭包问题 menuItem.onclick = function() { var clickedId = this.getAttribute('data-id'); // 根据ID找到对应的菜单数据 var clickedItem = null; for (var j = 0; j < menuConfig.length; j++) { if (menuConfig[j].id === clickedId) { clickedItem = menuConfig[j]; break; } } if (clickedItem) { handleClick(clickedItem); } }; container.appendChild(menuItem); } // 生成完成后,为默认选中的菜单应用颜色 setTimeout(function() { for (var i = 0; i < menuConfig.length; i++) { if (menuConfig[i].active) { setActive(menuConfig[i].id); break; } } }, 10); } // 处理点击 function handleClick(item) { // 更新活跃状态 setActive(item.id); // 根据linkType处理跳转 if (item.linkType === 'blank') { window.open(item.url, '_blank'); } else if (item.linkType === 'home') { closeIframe(); } else if (item.linkType === 'iframe') { showIframe(item.