51 lines
2.4 KiB
HTML
51 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns:th="http://www.thymeleaf.org" lang="zh-CN">
|
|
<head th:replace="~{${themeBase} + '/fragments/head' :: head}"></head>
|
|
<body>
|
|
<header th:replace="~{${themeBase} + '/fragments/header' :: header}"></header>
|
|
|
|
<main class="sp-page sp-container" id="main-content">
|
|
<div class="sp-cols">
|
|
<!-- 左侧栏目导航（docs/11）：模块有二级子栏目时展示"模块名 + 全部兄弟" -->
|
|
<aside class="sp-side-nav" th:if="${sideNav != null}" aria-label="栏目导航">
|
|
<div class="sp-side-nav-head" th:text="${sideNav.top.name}">模块名</div>
|
|
<ul class="sp-side-nav-list">
|
|
<li class="sp-side-nav-item" th:each="item : ${sideNav.items}"
|
|
th:classappend="${item.id == sideNav.activeId} ? 'active'">
|
|
<a th:if="${item.type == 3}" th:href="${item.linkUrl}" target="_blank" rel="noopener"
|
|
th:text="${item.name}">子栏目</a>
|
|
<a th:unless="${item.type == 3}" th:href="${url.category(item.id)}" th:text="${item.name}">子栏目</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
|
|
<div class="sp-page-card">
|
|
<nav class="sp-crumb" aria-label="面包屑">
|
|
<a th:href="${url.home()}">首页</a>
|
|
<th:block th:each="node, st : ${categoryPath}">
|
|
<span class="sp-crumb-sep" aria-hidden="true">/</span>
|
|
<a th:if="${!st.last}" class="crumb-parent" th:href="${url.category(node.id)}"
|
|
th:text="${node.name}">父栏目</a>
|
|
<span class="sp-crumb-current" th:if="${st.last}" th:text="${node.name}">栏目</span>
|
|
</th:block>
|
|
</nav>
|
|
|
|
<article class="sp-article">
|
|
<h1 class="sp-article-title" th:text="${category.name}">栏目名</h1>
|
|
<!-- 单页栏目内容（type=2，入库前已 jsoup 清洗） -->
|
|
<div class="sp-article-content" th:if="${!#strings.isEmpty(category.content)}"
|
|
th:utext="${category.content}">单页内容</div>
|
|
<div class="sp-empty" th:if="${#strings.isEmpty(category.content)}">
|
|
<p>页面暂无内容</p>
|
|
<p class="sp-empty-hint">内容编辑后将在此展示</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer th:replace="~{${themeBase} + '/fragments/footer' :: footer}"></footer>
|
|
<script th:src="${url.asset('js/main.js')}"></script>
|
|
</body>
|
|
</html>
|