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

<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 wrapperEl = document.getElementById('gflWrapper-' + widgetId);
        var detailEl = wrapperEl.querySelector('.gfl-detail');
        var listEl = wrapperEl.querySelector('.gfl-list');
        
        if (!wrapperEl || !detailEl || !listEl) {
            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() {
                wrapperEl.classList.remove('detail-open');
            });
        }
        
        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>';
                }
            }
            
            wrapperEl.classList.add('detail-open');
        }
    }
    
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initMail);
    } else {
        initMail();
    }
})();
</script>
<includeonly><!--{$id|validate:'id'}--></includeonly>