78 lines
3.4 KiB
HTML
78 lines
3.4 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>热门排行榜 - 网址导航</title>
|
|
<link rel="stylesheet" href="/static/haonav/css/nav.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar">
|
|
<div class="navbar-content">
|
|
<a href="/haonav/index.html" class="logo">🚀 网址导航</a>
|
|
<form class="search-box" id="searchForm">
|
|
<select id="searchEngine">
|
|
<option value="baidu" {$config.default_engine == 'baidu' ? 'selected' : ''}>百度</option>
|
|
<option value="bing" {$config.default_engine == 'bing' ? 'selected' : ''}>必应</option>
|
|
<option value="google" {$config.default_engine == 'google' ? 'selected' : ''}>Google</option>
|
|
<option value="sogou" {$config.default_engine == 'sogou' ? 'selected' : ''}>搜狗</option>
|
|
<option value="site" {$config.default_engine == 'site' ? 'selected' : ''}>站内</option>
|
|
</select>
|
|
<input type="text" id="searchInput" autocomplete="off" placeholder="搜索网站 / 关键词">
|
|
<button type="submit">🔍 搜索</button>
|
|
</form>
|
|
<div class="nav-actions">
|
|
<div class="nav-links">
|
|
<a href="/haonav/index.html">首页</a>
|
|
<a href="/haonav/rank.html" class="active">排行榜</a>
|
|
<a href="/haonav/submit.html">投稿</a>
|
|
</div>
|
|
<button class="icon-btn" id="themeToggle" title="切换暗黑模式">🌙</button>
|
|
<div class="user-area" id="userArea">
|
|
<button class="nav-btn" id="btnLogin">登录</button>
|
|
<button class="nav-btn nav-btn-primary" id="btnRegister">注册</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<div class="section-title"><h2>🏆 热门排行榜（按点击量）</h2></div>
|
|
<div class="rank-list" style="margin-top:14px;">
|
|
{volist name='list' id='vo' key='k'}
|
|
<a class="rank-item" href="/haonav/site/{$vo.id}.html" target="_blank">
|
|
<span class="rank-no">{$k}</span>
|
|
<span class="rank-icon"><img src="{$vo.show_icon}" loading="lazy" alt=""></span>
|
|
<span class="rank-meta">
|
|
<h4>{$vo.title} {if $vo.status_code > 0 && $vo.status_code >= 400}<span class="dead-badge">疑似失效</span>{/if}</h4>
|
|
<p>{$vo.description|default='暂无描述'}</p>
|
|
{if $vo.rating_count > 0}<span class="rank-rating">⭐ {$vo.rating} ({$vo.rating_count})</span>{/if}
|
|
</span>
|
|
<span class="rank-clicks">{$vo.click_count} 次</span>
|
|
</a>
|
|
{/volist}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>© 2026 网址导航 - 让上网更简单</p>
|
|
</div>
|
|
|
|
<div class="qr-mask" id="qrMask">
|
|
<div class="qr-box">
|
|
<img id="qrImg" src="" alt="二维码">
|
|
<p id="qrText"></p>
|
|
<span class="close">关闭</span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 登录 / 注册 弹层由全局组件 auth.js 自动注入 -->
|
|
|
|
<script src="/static/haonav/js/nav.js"></script>
|
|
<script src="/static/haonav/js/auth.js"></script>
|
|
</body>
|
|
|
|
</html>
|