YwxAppThink/addon/haonav/view/frontend/favorite/shared.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$shareTitle|default='收藏夹分享'} - {$seo.title|default='网址导航'}</title>
    <meta name="keywords" content="{$seo.keywords|default=''}">
    <meta name="description" content="{$seo.description|default=''}">
    <meta name="robots" content="noindex,nofollow">
    {include file="public/styles" /}
    <link rel="stylesheet" href="/static/haonav/css/nav-page-share.css">
</head>

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

    <div class="share-wrap">
        {if $valid}
        <div class="share-head">
            <h1>⭐ {$shareTitle}</h1>
            <p class="meta">好友分享的收藏夹 · 共 {$count} 个网站</p>
        </div>

        {if $count > 0}
        <div class="share-grid" id="shareGrid">
            {volist name="list" id="it"}
            <a class="share-card" href="{$it.url}" target="_blank" rel="noopener nofollow"
               data-title="{$it.title}" data-url="{$it.url}" data-icon="{$it.icon}">
                <img src="{$it.icon|default='/static/haonav/img/default.png'}" alt="" onerror="this.src='/static/haonav/img/default.png'">
                <span class="t">{$it.title}</span>
            </a>
            {/volist}
        </div>

        <div class="share-actions">
            <button class="btn btn-primary" id="cloneBtn">📥 一键收藏到我的导航</button>
            <a class="btn btn-secondary" href="/haonav/index.html">去我的导航</a>
            <p id="cloneTip"></p>
        </div>
        {else/}
        <div class="share-empty">这个收藏夹还是空的～</div>
        {/if}

        {else/}
        <div class="share-invalid">
            <div class="big">🔒</div>
            <h2>{$shareTitle}</h2>
            <p style="color:var(--nav-muted);margin-top:10px;">链接可能已被关闭分享或不存在。</p>
            <div class="share-actions"><a class="btn btn-primary" href="/haonav/index.html">返回首页</a></div>
        </div>
        {/if}
    </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-fav.js"></script>
    <script>
        // 一键把分享的收藏夹合并到本机「我的导航」(localStorage)，回首页后 nav.js 会自动上云
        (function () {
            var btn = document.getElementById('cloneBtn');
            if (!btn) { return; }
            btn.addEventListener('click', function () {
                var FAV_KEY = 'haonav_fav';
                var cur = [];
                try { cur = JSON.parse(localStorage.getItem(FAV_KEY)) || []; } catch (e) { cur = []; }
                var seen = {};
                cur.forEach(function (x) { seen[x.url] = 1; });
                var added = 0;
                Array.prototype.forEach.call(document.querySelectorAll('.share-card'), function (el) {
                    var url = el.getAttribute('data-url');
                    if (!url || seen[url]) { return; }
                    seen[url] = 1;
                    cur.push({ id: 0, title: el.getAttribute('data-title'), url: url, icon: el.getAttribute('data-icon') });
                    added++;
                });
                localStorage.setItem(FAV_KEY, JSON.stringify(cur));
                var tip = document.getElementById('cloneTip');
                tip.textContent = added > 0 ? ('已添加 ' + added + ' 个到本机，去首页即可同步～') : '这些网站都已在你的收藏中';
            });
        })();
    </script>
</body>

</html>