bwstudio
4ece453f00
卡片 - 描述与网址共用一行（.meta-line + grid 同格），默认显示描述、悬停交叉淡出为网址； 触屏 (hover:none) 直接显示网址，卡片不再被两行文字撑高 主题菜单 - 修复「暗色」项与其他项不一致：主题变量块原用裸属性选择器 [data-theme="dark"]， 会连菜单里的 <li data-theme="dark"> 一起命中导致颜色被局部覆盖； 全部改为 html[data-theme="…"]（8 个主题 + 关于页 dark 特例） - 每项加统一色块标识 + 选中对勾，宽高与对齐方式一致 左侧菜单栏 - 「我常访问」「热门网址」合并为一个「常用 & 热门」分区（侧栏 + 移动端抽屉）， 标题随数据动态切换；右侧内容区两个 section 保持独立不变 - addSideNavEntry/addDrawerEntry 改为往合并分区插 li，removeEntries 只摘单条， 避免整块删除把热门入口一起干掉 - 新增 retitleFeatured()：JS 补入/移除个人榜后同步标题与图标 PC 侧栏 - 修复滚轮无响应：overscroll-behavior 由 contain 改为 auto（contain 会阻断滚动链接， 内容未溢出时侧栏上滚轮完全没反应） - 滚动条加宽到 6px 并使用 --text-soft，加 scrollbar-gutter: stable 移动端顶栏 - 修复 360px 小屏三个控件挤成两行：.topbar-actions 改 flex: 1 1 0 + min-width: 0 （flex 换行先于收缩，basis auto 会先按固有宽度判定放不下而换行） - 恢复显示站点名与副标题作为第二行，消除顶部空白 - 手机端隐藏「搜索」按钮，改由左侧放大镜提交，input 加 enterkeyhint - placeholder 按视口自适应：手机「搜索书签」 抽屉 - 主题菜单在窄屏改为内联展开（280px 抽屉放不下 160px fixed 浮层， 原逻辑会算出负数 left 飞出屏幕） - positionThemeMenu 增加边界兜底：两侧都放不下时贴可视区右边缘 - 面板补 width: min(280px,84vw) + overflow-y:auto（原被内容撑成 173px）
64 lines
3.1 KiB
HTML
64 lines
3.1 KiB
HTML
{% extends 'public/base.html' %}
|
|
|
|
{% block title %}{{ category }} - {{ site_name }}{% endblock %}
|
|
|
|
{# 分类详情页只有一个分类，目录条也指向自己即可（避免空目录条） #}
|
|
{% block cat_nav %}
|
|
<nav class="cat-nav" aria-label="分类导航">
|
|
<div class="cat-nav-inner">
|
|
<a href="{{ url_for('public_nav.index') }}" class="active">← 返回首页</a>
|
|
<a href="#cat-detail" class="active">{{ category }}</a>
|
|
</div>
|
|
</nav>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="section" id="cat-detail">
|
|
<div class="section-header">
|
|
<h2>{{ category }}</h2>
|
|
<div class="meta">共 {{ items|length }} 个</div>
|
|
</div>
|
|
|
|
{% if not items %}
|
|
<div class="empty">该分类下暂无导航。</div>
|
|
{% else %}
|
|
<div class="grid">
|
|
{% for item in items %}
|
|
<a class="card"
|
|
href="{{ item.url }}"
|
|
data-nav-id="{{ item.id }}"
|
|
{% if item.is_external %}target="_blank" rel="noopener noreferrer"{% endif %}>
|
|
<div class="icon-wrap">
|
|
<span class="nav-letter" style="background:{{ item.color }}">{{ item.letter }}</span>
|
|
{% if item.domain %}
|
|
<img class="nav-favicon" alt="" loading="lazy" referrerpolicy="no-referrer"
|
|
data-domain="{{ item.domain }}" data-letter="{{ item.letter }}"
|
|
style="display:none">
|
|
{% endif %}
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="title-row">
|
|
<div class="title" title="{{ item.title }}">{{ item.title }}</div>
|
|
{% if item.is_external %}
|
|
<span class="ext-tag" title="外部链接"><i class="layui-icon layui-icon-link"></i></span>
|
|
{% endif %}
|
|
</div>
|
|
{# 描述与网址共用同一行：默认显示描述，悬停时交叉淡出为网址 #}
|
|
<div class="meta-line">
|
|
<div class="desc">{{ item.description or '暂无描述' }}</div>
|
|
<div class="url" title="{{ item.url }}">{{ item.url }}</div>
|
|
</div>
|
|
<div class="visit-count" data-nav-visit="{{ item.visit_count or 0 }}">
|
|
{%- set vc = item.visit_count or 0 -%}
|
|
{%- if vc >= 3 -%}访问 {{ '{:,}'.format(vc) }}
|
|
{%- else -%}新
|
|
{%- endif -%}
|
|
</div>
|
|
</div>
|
|
<div class="card-arrow"><i class="layui-icon layui-icon-right"></i></div>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</section>
|
|
{% endblock %} |