128 lines
6.4 KiB
HTML
128 lines
6.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">
|
|
<style>
|
|
.apply-tabs{display:flex;gap:10px;margin-bottom:18px;}
|
|
.apply-tabs button{flex:1;padding:10px;border:1px solid var(--nav-border,#e5e5e5);background:var(--nav-card-bg,#fff);color:var(--nav-card-text,#333);border-radius:10px;cursor:pointer;font-size:15px;}
|
|
.apply-tabs button.active{background:#667eea;color:#fff;border-color:#667eea;}
|
|
.hp-field{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;}
|
|
</style>
|
|
</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">排行榜</a>
|
|
<a href="/haonav/submit.html">投稿</a>
|
|
<a href="/haonav/apply.html" class="active">合作申请</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="submit-box">
|
|
<h2>🤝 申请收录 / 广告合作</h2>
|
|
<div class="apply-tabs">
|
|
<button type="button" class="active" data-type="1">友链 / 收录申请</button>
|
|
<button type="button" data-type="2">广告合作</button>
|
|
</div>
|
|
<form id="applyForm">
|
|
<input type="hidden" name="type" value="1">
|
|
<!-- 蜜罐字段：请勿填写 -->
|
|
<div class="hp-field" aria-hidden="true">
|
|
<input type="text" name="website" tabindex="-1" autocomplete="off">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>网站 / 品牌名称 *</label>
|
|
<input type="text" name="title" required maxlength="100" placeholder="例如：某某工具站">
|
|
</div>
|
|
<div class="form-row">
|
|
<label>网址 *</label>
|
|
<input type="url" name="url" required placeholder="https://...">
|
|
</div>
|
|
<div class="form-row" id="slotRow" style="display:none;">
|
|
<label>意向广告位</label>
|
|
<select name="slot">
|
|
<option value="">不确定 / 由站长推荐</option>
|
|
{foreach $slots as $sk=>$sv}<option value="{$sk}">{$sv}</option>{/foreach}
|
|
</select>
|
|
</div>
|
|
<div class="form-row">
|
|
<label>说明</label>
|
|
<textarea name="description" maxlength="500" placeholder="友链：一句话介绍您的网站；广告：投放需求、预算与周期等"></textarea>
|
|
</div>
|
|
<div class="form-row">
|
|
<label>联系方式 *</label>
|
|
<input type="text" name="contact" required maxlength="100" placeholder="邮箱 / QQ / 微信，审核结果将通过它联系您">
|
|
</div>
|
|
<button type="submit" class="btn-primary">提交申请</button>
|
|
<div class="form-msg" id="applyMsg"></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>© 2026 网址导航 - 让上网更简单</p>
|
|
</div>
|
|
|
|
<script src="/static/haonav/js/nav.js"></script>
|
|
<script src="/static/haonav/js/auth.js"></script>
|
|
<script>
|
|
(function () {
|
|
var form = document.getElementById('applyForm');
|
|
var msg = document.getElementById('applyMsg');
|
|
var typeInput = form.querySelector('input[name="type"]');
|
|
var slotRow = document.getElementById('slotRow');
|
|
document.querySelectorAll('.apply-tabs button').forEach(function (btn) {
|
|
btn.addEventListener('click', function () {
|
|
document.querySelectorAll('.apply-tabs button').forEach(function (b) { b.classList.remove('active'); });
|
|
btn.classList.add('active');
|
|
typeInput.value = btn.dataset.type;
|
|
slotRow.style.display = btn.dataset.type === '2' ? '' : 'none';
|
|
});
|
|
});
|
|
form.addEventListener('submit', function (e) {
|
|
e.preventDefault();
|
|
var fd = new FormData(form);
|
|
msg.textContent = '提交中...';
|
|
fetch('/haonav/apply.html', {
|
|
method: 'POST',
|
|
headers: { 'X-Requested-With': 'XMLHttpRequest' },
|
|
body: fd
|
|
}).then(function (r) { return r.json(); }).then(function (res) {
|
|
msg.textContent = res.message || res.msg || '';
|
|
if (res.code === 0) { form.reset(); typeInput.value = document.querySelector('.apply-tabs button.active').dataset.type; }
|
|
}).catch(function () { msg.textContent = '网络异常，请稍后再试'; });
|
|
});
|
|
})();
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|