页面统一检查报??/title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, sans-serif; background: #f5f5f5; padding: 20px; } .container { max-width: 1000px; margin: 0 auto; } h1 { color: #1E1E2F; margin-bottom: 20px; text-align: center; } .summary-card { background: white; border-radius: 12px; padding: 24px; margin-bottom: 20px; box-shadow: 0 2px 12px rgba(0,0,0,0.08); } .summary-title { font-size: 1.125rem; font-weight: 600; margin-bottom: 16px; } .summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; } .summary-item { text-align: center; padding: 16px; background: #f8f9fa; border-radius: 8px; } .summary-value { font-size: 2rem; font-weight: 700; color: #FF6B35; } .summary-label { font-size: 0.875rem; color: #666; margin-top: 4px; } .page-list { margin-top: 20px; } .page-card { background: white; border-radius: 12px; padding: 20px; margin-bottom: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); } .page-header { display: flex; justify-content: space-between; align-items: center; } .page-name { font-weight: 600; color: #333; } .page-url { font-size: 0.875rem; color: #666; font-family: monospace; } .status-tags { display: flex; gap: 8px; margin-top: 12px; } .tag { padding: 4px 12px; border-radius: 20px; font-size: 0.75rem; font-weight: 500; } .tag.ok { background: rgba(0, 196, 140, 0.1); color: #00C48C; } .tag.warning { background: rgba(255, 184, 0, 0.1); color: #FFB800; } .tag.error { background: rgba(255, 59, 48, 0.1); color: #FF3B30; } .category-section { margin-bottom: 32px; } .category-title { font-size: 1rem; font-weight: 600; color: #666; margin-bottom: 12px; padding-left: 12px; border-left: 4px solid #FF6B35; } .btn { padding: 10px 20px; background: linear-gradient(135deg, #FF6B35, #E55A28); color: white; border: none; border-radius: 8px; cursor: pointer; font-size: 0.875rem; } .btn:hover { opacity: 0.9; } .btn-preview { background: #666; margin-left: 8px; } .check-section { margin-top: 24px; padding: 20px; background: #fff; border-radius: 12px; } .check-title { font-weight: 600; margin-bottom: 16px; } .check-list { list-style: none; } .check-item { padding: 10px 0; border-bottom: 1px solid #f0f0f0; display: flex; justify-content: space-between; align-items: center; } .check-item:last-child { border-bottom: none; } .check-label { color: #666; } .check-status { font-weight: 600; } .check-status.ok { color: #00C48C; } .check-status.error { color: #FF3B30; } </style> </head> <body> <div class="container"> <h1>?? 页面统一检查报??/h1>  <div class="summary-card"> <div class="summary-title">?? 整体概览</div> <div class="summary-grid"> <div class="summary-item"> <div class="summary-value" id="totalPages">0</div> <div class="summary-label">总页面数</div> </div> <div class="summary-item"> <div class="summary-value" id="okPages">0</div> <div class="summary-label">已统一</div> </div> <div class="summary-item"> <div class="summary-value" id="warningPages">0</div> <div class="summary-label">待优??/div> </div> <div class="summary-item"> <div class="summary-value" id="errorPages">0</div> <div class="summary-label">有问??/div> </div> </div> </div>  <div class="check-section"> <div class="check-title">??当前页面检??/div> <ul class="check-list" id="currentCheckList"></ul> </div>  <div class="page-list"> <div class="category-section"> <div class="category-title">?? 首页与核??/div> <div id="homePages"></div> </div> <div class="category-section"> <div class="category-title">?? 打卡模块</div> <div id="checkinPages"></div> </div> <div class="category-section"> <div class="category-title">?? 商城模块</div> <div id="shopPages"></div> </div> <div class="category-section"> <div class="category-title">????NFT模块</div> <div id="nftPages"></div> </div> <div class="category-section"> <div class="category-title">?? 社交模块</div> <div id="socialPages"></div> </div> <div class="category-section"> <div class="category-title">?? 商户模块</div> <div id="merchantPages"></div> </div> <div class="category-section"> <div class="category-title">?? 活动模块</div> <div id="activityPages"></div> </div> <div class="category-section"> <div class="category-title">?? 个人模块</div> <div id="userPages"></div> </div> </div> </div> <script> const pages = { home: [ { name: '首页', url: '/', checked: true }, { name: '搜索页面', url: '/pc/search.php', checked: true } ], checkin: [ { name: '打卡地图', url: '/pc/checkin.php', checked: true }, { name: '地图打卡', url: '/pc/map-checkin.php', checked: false } ], shop: [ { name: '积分商城', url: '/pc/rewards.php', checked: true }, { name: '定制服装', url: '/pc/custom.php', checked: true }, { name: '租衣服务', url: '/pc/rental.php', checked: true } ], nft: [ { name: '数字藏品', url: '/pc/nft-gallery.php', checked: true }, { name: '我的NFT', url: '/pc/user-nfts.php', checked: true }, { name: '作品详情', url: '/pc/nft-artwork.php', checked: false } ], social: [ { name: '社交动??, url: '/pc/social.php', checked: true }, { name: '帖子详情', url: '/pc/post-detail.php', checked: false }, { name: '圈友模卡', url: '/pc/card.php', checked: true } ], merchant: [ { name: '商家黄页', url: '/pc/merchant.php', checked: true }, { name: '商户详情', url: '/pc/merchant-detail.php', checked: true } ], activity: [ { name: 'COSER活动', url: '/pc/activity.php', checked: true }, { name: '活动中心', url: '/pc/activities.php', checked: true } ], user: [ { name: '个人中心', url: '/pc/user-center.php', checked: true }, { name: '消息中心', url: '/pc/message.php', checked: true }, { name: '代理加盟', url: '/pc/agent.php', checked: true }, { name: '资讯中心', url: '/pc/info.php', checked: true }, { name: '资讯详情', url: '/pc/info-detail.php', checked: true } ] }; document.addEventListener('DOMContentLoaded', function() { renderPageLists(); updateSummary(); checkCurrentPage(); }); function renderPageLists() { const categories = ['home', 'checkin', 'shop', 'nft', 'social', 'merchant', 'activity', 'user']; const categoryNames = { home: 'homePages', checkin: 'checkinPages', shop: 'shopPages', nft: 'nftPages', social: 'socialPages', merchant: 'merchantPages', activity: 'activityPages', user: 'userPages' }; categories.forEach(cat => { const container = document.getElementById(categoryNames[cat]); let html = ''; pages[cat].forEach(page => { const status = page.checked ? 'ok' : 'warning'; const statusText = page.checked ? '??已统一' : '?? 待检??; html += ` <div class="page-card"> <div class="page-header"> <div> <span class="page-name">${page.name}</span> <span class="page-url">${page.url}</span> </div> <div> <button class="btn" onclick="navigateTo('${page.url}')">访问</button> <button class="btn btn-preview" onclick="previewPage('${page.url}')">预览</button> </div> </div> <div class="status-tags"> <span class="tag ${status}">${statusText}</span> <span class="tag ok">公共导航</span> <span class="tag ok">统一脚本</span> </div> </div> `; }); container.innerHTML = html; }); } function updateSummary() { let total = 0, ok = 0, warning = 0, error = 0; Object.values(pages).forEach(cat => { cat.forEach(page => { total++; if (page.checked) ok++; else warning++; }); }); document.getElementById('totalPages').textContent = total; document.getElementById('okPages').textContent = ok; document.getElementById('warningPages').textContent = warning; document.getElementById('errorPages').textContent = error; } function checkCurrentPage() { const checks = [ { label: '公共导航容器', test: document.getElementById('header-container') !== null }, { label: '公共页脚容器', test: document.getElementById('footer-container') !== null }, { label: '登录弹窗函数', test: typeof window.showAuthModal === 'function' }, { label: '页面初始化脚??, test: typeof window.loadHeader === 'function' }, { label: '公共样式文件', test: document.querySelector('link[href*="style.css"]') !== null } ]; let html = ''; checks.forEach(check => { html += ` <li class="check-item"> <span class="check-label">${check.label}</span> <span class="check-status ${check.test ? 'ok' : 'error'}"> ${check.test ? '??正常' : '??缺失'} </span> </li> `; }); document.getElementById('currentCheckList').innerHTML = html; } function navigateTo(url) { window.location.href = url; } function previewPage(url) { window.open(url, '_blank'); } </script> <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> :root { --primary: #FF6B35; --secondary: #E55A2B; --gold: #FFD700; --dark: #050508; --dark-secondary: #0a0a10; --white: #ffffff; --gray-300: rgba(255, 255, 255, 0.85); --gray-400: rgba(255, 255, 255, 0.6); --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%); --radius-sm: 4px; } * { margin: 0; padding: 0; box-sizing: border-box; } .site-footer { background: var(--dark); color: var(--gray-300); margin-top: 80px; } .footer-main { padding: 60px 0 40px; } .footer-container { max-width: 1400px; margin: 0 auto; padding: 0 24px; } .footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px; } .footer-section { min-width: 0; } .footer-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; } .brand-icon { font-size: 1.5rem; } .brand-name { font-size: 1.25rem; font-weight: 700; color: var(--white); } .footer-desc { font-size: 0.875rem; line-height: 1.7; margin-bottom: 16px; } .footer-social { display: flex; gap: 12px; } .social-link { width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border-radius: var(--radius-sm); font-size: 1rem; transition: all 0.2s ease; text-decoration: none; } .social-link:hover { background: var(--primary); transform: translateY(-2px); } .footer-title { font-size: 1rem; font-weight: 600; color: var(--white); margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background: var(--primary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { font-size: 0.875rem; color: var(--gray-400); transition: all 0.2s ease; text-decoration: none; } .footer-links a:hover { color: var(--primary); padding-left: 4px; } .footer-contact { list-style: none; } .footer-contact li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 0.875rem; } .contact-icon { flex-shrink: 0; font-size: 1rem; } .footer-bottom { background: rgba(0, 0, 0, 0.2); padding: 20px 0; } .footer-bottom-content { max-width: 1400px; margin: 0 auto; padding: 0 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; } .copyright { font-size: 0.875rem; color: var(--gray-400); } .footer-legal { display: flex; gap: 16px; } .footer-legal a { font-size: 0.875rem; color: var(--gray-400); transition: color 0.2s ease; text-decoration: none; } .footer-legal a:hover { color: var(--primary); } @media (max-width: 992px) { .footer-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .footer-grid { grid-template-columns: repeat(2, 1fr); } .footer-bottom-content { flex-direction: column; text-align: center; } } </style> </head> <body> <footer class="site-footer"> <div class="footer-main"> <div class="footer-container"> <div class="footer-grid"> <div class="footer-section"> <div class="footer-brand"> <span class="brand-icon">馃幁</span> <span class="brand-name">閰锋父鎵撳崱</span> </div> <p class="footer-desc"> 涓€绔欏紡Cosplay姹夋湇鎵撳崱鐢熸€佸钩鍙帮紝杩炴帴鏅尯銆佸晢鎴蜂笌娓稿锛屾墦閫犲叏鏂版枃鍖栦綋楠屻€� </p> <div class="footer-social"> <a href="#" class="social-link">馃摫</a> <a href="#" class="social-link">馃挰</a> <a href="#" class="social-link">馃摟</a> </div> </div> <div class="footer-section"> <h4 class="footer-title">蹇€熼摼鎺�</h4> <ul class="footer-links"> <li><a href="index.php">棣栭〉</a></li> <li><a href="checkin.php">鎵撳崱</a></li> <li><a href="venues.php">鍩哄湴</a></li> <li><a href="activities.php">娲诲姩</a></li> <li><a href="social.php">鍦堝瓙</a></li> </ul> </div> <div class="footer-section"> <h4 class="footer-title">鏈嶅姟骞冲彴</h4> <ul class="footer-links"> <li><a href="rewards.php">绉垎鍟嗗煄</a></li> <li><a href="merchant.php">鍟嗘埛鍏ラ┗</a></li> <li><a href="nft-gallery.php">NFT涓績</a></li> <li><a href="custom.php">鏈嶈瀹氬埗</a></li> <li><a href="star-factory.php">鏄熻鐣�</a></li> </ul> </div> <div class="footer-section"> <h4 class="footer-title">甯姪涓績</h4> <ul class="footer-links"> <li><a href="info-detail.php">鏂版墜鍏ラ棬</a></li> <li><a href="info-detail.php">甯歌闂</a></li> <li><a href="info-detail.php">鐢ㄦ埛鍗忚</a></li> <li><a href="info-detail.php">闅愮鏀跨瓥</a></li> <li><a href="page-report.php">鎰忚鍙嶉</a></li> </ul> </div> <div class="footer-section"> <h4 class="footer-title">鑱旂郴鎴戜滑</h4> <ul class="footer-contact"> <li> <span class="contact-icon">馃摟</span> <span>support@kuyou.com</span> </li> <li> <span class="contact-icon">馃摓</span> <span>400-888-8888</span> </li> <li> <span class="contact-icon">馃搷</span> <span>鏉窞甯傝タ婀栧尯鏂囦笁璺�</span> </li> </ul> </div> </div> </div> </div> <div class="footer-bottom"> <div class="footer-bottom-content"> <div class="copyright"> 漏 2026 閰锋父鎵撳崱. All rights reserved. </div> <div class="footer-legal"> <a href="info-detail.php">鐢ㄦ埛鍗忚</a> <a href="info-detail.php">闅愮鏀跨瓥</a> <a href="info-detail.php">ICP澶囨</a> </div> </div> </div> </footer> </body> </html> </html>