/** * 手机界面 HTML 生成 * 这是最长的函数,单独提取以便维护 */ import { getSettings, defaultSettings, MEME_STICKERS } from './config.js'; import { getCurrentTime, escapeHtml } from './utils.js'; import { getUserAvatarHTML, generateChatList, generateContactsList } from './ui.js'; import { ICON_RED_PACKET, ICON_RED_PACKET_LARGE, ICON_USER } from './icons.js'; // 生成手机界面 HTML export function generatePhoneHTML() { const settings = getSettings(); const darkClass = settings.darkMode ? 'wechat-dark' : ''; const hiddenClass = settings.phoneVisible ? '' : 'hidden'; return `
${getCurrentTime()}
微信
${generateChatList()}
${generateMePageHTML(settings)} ${generateDiscoverPageHTML()} ${generateFavoritesPageHTML()} ${generateSettingsPageHTML(settings)} ${generateServicePageHTML(settings)} ${generateModalsHTML(settings)} ${generateVoiceCallPageHTML()} ${generateVideoCallPageHTML()} ${generateMusicPanelHTML()} ${generateListenTogetherHTML()} ${generateMomentsPageHTML()} ${generateHistoryPageHTML()} ${generateRedPacketPageHTML(settings)} ${generateGiftPageHTML()} ${generateOpenRedPacketHTML()} ${generateRedPacketDetailHTML(settings)} ${generateTransferPageHTML()} ${generateReceiveTransferPageHTML()} ${generateTransferRefundConfirmHTML()}
`; } // "我"页面 HTML function generateMePageHTML(settings) { return ` `; } // 发现页面 HTML function generateDiscoverPageHTML() { return ` `; } // 收藏页面 HTML function generateFavoritesPageHTML() { return ` `; } // 设置页面 HTML function generateSettingsPageHTML(settings) { return ` `; } // 服务页面 HTML function generateServicePageHTML(settings) { return ` `; } // 弹窗 HTML function generateModalsHTML(settings) { return ` `; } // 语音通话页面 HTML function generateVoiceCallPageHTML() { return ` `; } // 视频通话页面 HTML function generateVideoCallPageHTML() { return ` `; } // 朋友圈页面 HTML function generateMomentsPageHTML() { return ` `; } // 音乐搜索面板 HTML export function generateMusicPanelHTML() { return ` `; } // 发红包页面 HTML function generateRedPacketPageHTML(settings) { return ` `; } // 开红包弹窗 HTML function generateOpenRedPacketHTML() { return ` `; } // 礼物页面 HTML function generateGiftPageHTML() { return ` `; } // 发转账页面 HTML function generateTransferPageHTML() { return ` `; } // 收款页面 HTML function generateReceiveTransferPageHTML() { return ` `; } // 退还确认框 HTML function generateTransferRefundConfirmHTML() { return ` `; } // 红包详情页 HTML function generateRedPacketDetailHTML(settings) { return ` `; } // 一起听功能 HTML function generateListenTogetherHTML() { return ` `; } // 历史记录页面 HTML function generateHistoryPageHTML() { return ` `; }