127 lines
5.5 KiB
HTML
127 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>NBA球迷大全</title>
|
|
<link rel="stylesheet" href="/static/style.css">
|
|
<script src="/static/lib/marked.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div class="logo">
|
|
<span class="logo-ball">🏀</span>
|
|
<div>
|
|
<h1>NBA球迷大全</h1>
|
|
<p class="sub">比赛 · 球员 · 球队 · 资讯 · 人物 · 百科</p>
|
|
</div>
|
|
</div>
|
|
<nav class="tabs">
|
|
<button class="tab active" data-view="chat">💬 对话</button>
|
|
<button class="tab" data-view="teams">🏟️ 球队</button>
|
|
<button class="tab" data-view="players">⭐ 球员</button>
|
|
<button class="tab" data-view="games">📅 比赛</button>
|
|
<button class="tab" data-view="news">📰 新闻</button>
|
|
<button class="tab" data-view="persons">👥 人物</button>
|
|
<button class="tab" data-view="standings">🏆 排名</button>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- ================= 对话 ================= -->
|
|
<section id="view-chat" class="view active">
|
|
<div class="chat-wrap">
|
|
<div class="chat-toolbar">
|
|
<span class="ct-title">💬 对话</span>
|
|
<div>
|
|
<button class="tool-btn" id="share-btn" title="分享对话">🔗 分享</button>
|
|
<button class="tool-btn" id="clear-btn" title="清空对话从头开始">🗑️ 清空</button>
|
|
</div>
|
|
</div>
|
|
<div id="chat-list" class="chat-list">
|
|
<div class="msg bot" id="welcome-msg">
|
|
<div class="avatar">🤖</div>
|
|
<div class="bubble">
|
|
<div class="md" id="welcome-text"><p>你好，我是<b>NBA球迷大全</b>助手！</p></div>
|
|
<p class="hint" id="welcome-hint"></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chips" id="chips"></div>
|
|
<div class="input-bar">
|
|
<textarea id="chat-input" rows="1" placeholder="输入问题，如：湖人最近比赛怎么样？（Enter 发送，Shift+Enter 换行）" autocomplete="off"></textarea>
|
|
<button id="send-btn">发送</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ================= 数据浏览 ================= -->
|
|
<section id="view-teams" class="view"><div class="grid" id="grid-teams"></div></section>
|
|
<section id="view-players" class="view">
|
|
<div class="toolbar">
|
|
<button class="btn small active" data-pos="">全部</button>
|
|
<button class="btn small" data-pos="PG">控卫</button>
|
|
<button class="btn small" data-pos="SG">分卫</button>
|
|
<button class="btn small" data-pos="SF">小前</button>
|
|
<button class="btn small" data-pos="PF">大前</button>
|
|
<button class="btn small" data-pos="C">中锋</button>
|
|
<input class="search" id="search-players" placeholder="搜索球员（中文/英文/球队）"><button class="btn" id="btn-players">搜索</button>
|
|
</div>
|
|
<div class="grid" id="grid-players"></div>
|
|
<div class="pager" id="pager-players"></div>
|
|
</section>
|
|
<section id="view-games" class="view">
|
|
<div class="toolbar">
|
|
<button class="btn small active" data-status="">全部</button>
|
|
<button class="btn small" data-status="finished">已结束</button>
|
|
<button class="btn small" data-status="scheduled">未开始</button>
|
|
<input class="search" id="search-games" placeholder="搜索：如 湖人 最近">
|
|
<button class="btn" id="btn-games">搜索</button>
|
|
</div>
|
|
<div class="grid games-grid" id="list-games"></div>
|
|
<div class="pager" id="pager-games"></div>
|
|
</section>
|
|
<section id="view-news" class="view">
|
|
<div class="toolbar"><input class="search" id="search-news" placeholder="搜索新闻关键词"><button class="btn" id="btn-news">搜索</button></div>
|
|
<div class="list" id="list-news"></div>
|
|
</section>
|
|
<section id="view-persons" class="view">
|
|
<div class="toolbar">
|
|
<button class="btn small active" data-role="">全部</button>
|
|
<button class="btn small" data-role="coach">教练</button>
|
|
<button class="btn small" data-role="commentator">评论员</button>
|
|
<button class="btn small" data-role="host">主持人</button>
|
|
<button class="btn small" data-role="agent">经纪人</button>
|
|
<button class="btn small" data-role="gm">总经理</button>
|
|
<button class="btn small" data-role="legend">传奇</button>
|
|
<input class="search" id="search-persons" placeholder="搜索人物"><button class="btn" id="btn-persons">搜索</button>
|
|
</div>
|
|
<div class="grid" id="grid-persons"></div>
|
|
</section>
|
|
<section id="view-standings" class="view">
|
|
<div class="toolbar">
|
|
<label class="season-label" for="season-select">📅 赛季</label>
|
|
<select id="season-select" class="search" style="flex:0 0 auto;max-width:160px"></select>
|
|
<button class="btn small active" data-conf="">全部</button>
|
|
<button class="btn small" data-conf="西部">西部</button>
|
|
<button class="btn small" data-conf="东部">东部</button>
|
|
</div>
|
|
<div class="table-wrap" id="wrap-standings"></div>
|
|
<div id="wrap-bracket"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<!-- ================= 详情弹窗 ================= -->
|
|
<div id="modal" class="modal hidden">
|
|
<div class="modal-box">
|
|
<button class="modal-close" id="modal-close">✕</button>
|
|
<div id="modal-body"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="footer" id="footer-text">NBA球迷大全 · 数据为模拟演示数据（2025-26 赛季） · LLM: DeepSeek · 向量: Chroma + bge-large-zh</footer>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|