YwxAppThink/addon/haonav/view/frontend/index/category.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$info.title|default='网址分类'} - {$seo.title|default='网址导航'}</title>
    <meta name="keywords" content="{$info.keywords | default='网址导航,分类'}">
    <meta name="description" content="{$info.description | default='网址导航分类'}">
    {notempty name="info"}<link rel="canonical" href="{$siteUrl|default=''}/haonav/category/{$info.id}.html">{/notempty}
    {include file="public/styles" /}
    <link rel="stylesheet" href="/static/haonav/css/nav-page-category.css">
</head>

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

    <div class="main-content">
        <div class="section-title">
            <h2>📋 {$info.title}</h2>
        </div>

        {if $mode == 'group'}
        <!-- 顶级分类：按二级子分类分组展示 -->
        {volist name="info.children" id="sub"}
        <div class="sub-category">
            <div class="sub-title"><span>{$sub.title}</span></div>
            <div class="website-list">
                {volist name="sub.sub_links" id="link"}
                <a href="{:url('[haonav_site]',['id'=>$link.id])}" class="website-item">
                    <span class="website-item-icon"><img src="{$link.show_icon}" loading="lazy" alt="{$link.title}"></span>
                    <span class="website-item-info">
                        <h3>{$link.title}</h3>
                        <p>{$link.description|default='暂无描述'}</p>
                    </span>
                    <span class="qr-btn js-qr" data-url="{$link.url}" title="二维码">▦</span>
                </a>
                {/volist}
            </div>
        </div>
        {/volist}

        <!-- 未细分二级的常用链接（sub_cid=0） -->
        {notempty name="others"}
        <div class="sub-category">
            <div class="sub-title"><span>常用</span></div>
            <div class="website-list">
                {volist name="others" id="link"}
                <a href="{:url('[haonav_site]',['id'=>$link.id])}" class="website-item">
                    <span class="website-item-icon"><img src="{$link.show_icon}" loading="lazy" alt="{$link.title}"></span>
                    <span class="website-item-info">
                        <h3>{$link.title}</h3>
                        <p>{$link.description|default='暂无描述'}</p>
                    </span>
                    <span class="qr-btn js-qr" data-url="{$link.url}" title="二维码">▦</span>
                </a>
                {/volist}
            </div>
        </div>
        {/notempty}
        {else /}
        <!-- 二级/叶子分类：直接列出该分类下的全部链接 -->
        <div class="sub-category">
            <div class="sub-title"><span>{$info.title}</span></div>
            <div class="website-list">
                {volist name="links" id="link"}
                <a href="{:url('[haonav_site]',['id'=>$link.id])}" class="website-item">
                    <span class="website-item-icon"><img src="{$link.show_icon}" loading="lazy" alt="{$link.title}"></span>
                    <span class="website-item-info">
                        <h3>{$link.title}</h3>
                        <p>{$link.description|default='暂无描述'}</p>
                    </span>
                    <span class="qr-btn js-qr" data-url="{$link.url}" title="二维码">▦</span>
                </a>
                {/volist}
            </div>
        </div>
        {/if}
    </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-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 src="/static/haonav/js/nav-search.js"></script>
    <script src="/static/haonav/js/nav-widgets.js"></script>
    <script src="/static/haonav/js/auth.js"></script>
</body>

</html>