YwxAppThink/addon/haonav/view/frontend/index/apply.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>
    {include file="public/styles" /}
    <link rel="stylesheet" href="/static/haonav/css/nav-page-apply.css">
</head>

<body>
    {assign name="navActive" value="apply" /}
    {assign name="navSearch" value="engine" /}
    {assign name="navUser" value="1" /}
    {include file="public/navbar" /}

    <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-core.js"></script>
    <script src="/static/haonav/js/nav-theme.js"></script>
    <script src="/static/haonav/js/nav-festival.js"></script>
    <script src="/static/haonav/js/nav-search.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>