101 lines
5.4 KiB
HTML
101 lines
5.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" th:replace="~{modules/layouts/layout :: layout(content = ~{::content}, htmlType = 'moments')}"
|
|
xmlns:th="http://www.thymeleaf.org">
|
|
|
|
<th:block th:fragment="content">
|
|
|
|
<div class="page" id="body-wrap">
|
|
|
|
<!-- 头部导航栏 -->
|
|
<header class="not-top-img" id="page-header">
|
|
<nav th:replace="~{modules/nav :: nav(title = null)}"></nav>
|
|
</header>
|
|
<main class="layout hide-aside" id="content-inner">
|
|
<div id="page">
|
|
<div class="author-content author-content-item essayPage single"
|
|
th:style="'background:url('+${theme.config.moment.backgroundImg}+') left 28% / cover no-repeat !important;'">
|
|
<div class="card-content">
|
|
<div class="author-content-item-tips" th:text="${theme.config.moment.smallTitle}"></div>
|
|
<span class="author-content-item-title" th:text="${theme.config.moment.bigTitle}"></span>
|
|
<div class="content-bottom">
|
|
<div class="tips" th:text="${theme.config.moment.detail}"></div>
|
|
</div>
|
|
<div class="banner-button-group">
|
|
<a class="banner-button" th:href="${theme.config.moment.buttonUrl}">
|
|
<i class="fas fa-circle-chevron-right"></i>
|
|
<span class="banner-button-text" th:text="${theme.config.moment.buttonTitle}"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="bber">
|
|
<section class="timeline page-1">
|
|
<ul class="list" id="waterfall">
|
|
<li class="item" th:each="moment : ${moments.items}"
|
|
th:with="content=${moment.spec.content}">
|
|
<div class="bber-content">
|
|
<p class="datacont" th:if="${not #strings.isEmpty(content.html)}"
|
|
th:utext="${content.html}"></p>
|
|
</div>
|
|
<th:block th:each="momentItem : ${content.medium}"
|
|
th:if="${not #lists.isEmpty(content.medium)}">
|
|
|
|
<div class="bber-content-img" th:if="${momentItem.type.name == 'PHOTO'}">
|
|
<img class="bber-content-image-self entered loaded" data-ll-status="loaded"
|
|
th:src="${momentItem.url}" title="瞬间配图">
|
|
</div>
|
|
<div class="bber-music" th:if="${momentItem.type.name == 'VIDEO'}">
|
|
<video th:src="${momentItem.url}"></video>
|
|
</div>
|
|
|
|
</th:block>
|
|
<hr>
|
|
<div class="bber-bottom">
|
|
<div class="bber-info">
|
|
<div class="bber-info-time"><i class="fas fa-calendar-days"></i>
|
|
<time class="datatime"
|
|
th:text="${#dates.format(moment.spec.releaseTime,'yyyy-MM-dd')}"></time>
|
|
</div>
|
|
</div>
|
|
<a class="bber-reply"
|
|
th:attr="onclick='rm.rightMenuCommentText("\''+ ${content.html} +'"\')'"
|
|
data-pjax-state=""> <i class="fa-solid fa-message"></i>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
|
|
</ul>
|
|
</section>
|
|
<!-- 分页还没写 -->
|
|
</div>
|
|
<script>heo.reflashEssayWaterFall();</script>
|
|
<hr/>
|
|
<!-- 评论模块 -->
|
|
<th:block
|
|
th:if="${theme.config.comments.twikoo && #strings.equals(theme.config.comments.use, 'Twikoo') && not #strings.isEmpty(theme.config.comments.envId)}">
|
|
<div th:replace="~{modules/twikoo :: twikoo}"></div>
|
|
</th:block>
|
|
<div id="post-comment"
|
|
th:if="${pluginFinder.available('PluginCommentWidget') && #strings.equals(theme.config.comments.use, 'commentWidget')}">
|
|
<div class="comment-head">
|
|
<div class="comment-headline"><i class="iconfont icon-comment-alt"></i> <span>评论</span></div>
|
|
<div class="comment-privacy"><a href="/privacy">隐私政策</a></div>
|
|
<div class="comment-tips" id="comment-tips">
|
|
<span>你无需删除空行，直接评论以获取最佳展示效果</span>
|
|
</div>
|
|
</div>
|
|
<halo:comment group="content.halo.run" kind="SinglePage" th:attr="name='links'"
|
|
colorScheme="document.documentElement.getAttribute('data-theme')"/>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
</main>
|
|
<!-- 底部 -->
|
|
<footer th:replace="~{modules/footer :: footer}"></footer>
|
|
</div>
|
|
|
|
</th:block>
|
|
|
|
</html> |