add: 文章增加发表和更新时间展示

This commit is contained in:
liuxuewen 2023-12-28 17:25:39 +08:00
parent e12dc7d305
commit 83c8a014f4
2 changed files with 32 additions and 2 deletions

View File

@ -41,6 +41,13 @@
<div class="content" th:text="${post.status.excerpt}"></div>
</div>
<div class="dateshow">
<i class="haofont hao-icon-calendar-alt dateshowicon"></i>
<span class="banner-button-text" th:text="发表于 + '&nbsp;' + ${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"></span>
&nbsp;&nbsp;
<i class="haofont hao-icon-history dateshowicon"></i>
<span class="banner-button-text" th:text="更新于 + '&nbsp;' + ${#dates.format(post.status.lastModifyTime,'yyyy-MM-dd')}"></span>
</div>
<div class="article-meta-wrap">
<!-- tag -->
@ -98,6 +105,29 @@
transform: translateX(100%) skewX(-60deg);
}
</style>
<style>
.dateshow {
position: absolute;
bottom: 55px;
transition: 0.3s;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
left: 0;
padding: 0 32px;
white-space: nowrap;
}
i.haofont.hao-icon-calendar-alt.dateshowicon {
font-size: 20px;
margin-top: 6px;
}
i.haofont.hao-icon-history.dateshowicon {
font-size: 20px;
margin-top: 6px;
}
</style>
</div>
<!-- 分页 -->

View File

@ -51,5 +51,5 @@ spec:
repo: https://githubfast.com/liuzhihang/halo-theme-hao
settingName: "theme-hao-setting"
configMapName: "theme-hao-configMap"
version: "1.4.5.7"
version: "1.4.5"
require: ">=2.10.0"