查看“︁Widget:GFLMail”︁的源代码

<!--[if IE]><script>/*@cc_on@if(@_jscript_version<9)document.createElement("gfl-mail");@end@*/</script><![endif]-->
<script>
(function() {
    var widgetId = '<!--{$id|escape:'html'}-->';
    
    function initMail() {
        var rootEl = document.getElementById('gflRoot-' + widgetId);
        if (!rootEl || rootEl.classList.contains('gfl-initialized')) {
            return;
        }
        
        rootEl.classList.add('gfl-initialized');
        
        var mailsData;
        try {
            mailsData = JSON.parse(rootEl.getAttribute('data-mails') || '[]');
        } catch(e) {
            console.error('GFLMail: Failed to parse mail data', e);
            return;
        }
        
        var listEl = document.getElementById('gflList-' + widgetId);
        var detailEl = document.getElementById('gflDetail-' + widgetId);
        
        if (!listEl || !detailEl) {
            return;
        }
        
        // 绑定列表项点击事件
        var items = listEl.querySelectorAll('.gfl-item');
        for (var i = 0; i < items.length; i++) {
            (function(index) {
                var item = items[index];
                
                item.addEventListener('click', function() {
                    openMail(index);
                });
                
                item.addEventListener('keypress', function(e) {
                    if (e.key === 'Enter' || e.key === ' ') {
                        e.preventDefault();
                        openMail(index);
                    }
                });
            })(i);
        }
        
        // 绑定返回按钮
        var backBtn = detailEl.querySelector('.gfl-back-btn');
        if (backBtn) {
            backBtn.addEventListener('click', function() {
                detailEl.classList.remove('is-open');
                listEl.style.display = '';
            });
        }
        
        // 打开邮件详情
        function openMail(idx) {
            var mail = mailsData[idx];
            if (!mail) return;
            
            var subjectEl = detailEl.querySelector('.gfl-detail-subject');
            var dateEl = detailEl.querySelector('.gfl-date-row');
            var contentEl = detailEl.querySelector('.gfl-content');
            var charEl = detailEl.querySelector('.gfl-char');
            
            if (subjectEl) subjectEl.textContent = mail.subject;
            if (dateEl) dateEl.textContent = mail.date;
            if (contentEl) contentEl.innerHTML = mail.content;
            
            if (charEl) {
                if (mail.charImg) {
                    charEl.innerHTML = '<img src="' + mail.charImg + '" alt="人形立绘" />';
                } else {
                    charEl.innerHTML = '<div class="gfl-char-placeholder">立绘区域<br>（传入图片后显示）</div>';
                }
            }
            
            listEl.style.display = 'none';
            detailEl.classList.add('is-open');
        }
    }
    
    // 初始化
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initMail);
    } else {
        initMail();
    }
})();
</script>
<includeonly><!--{$id|validate:'id'}--></includeonly>