add: 文章增加发表和更新时间展示
This commit is contained in:
parent
e12dc7d305
commit
83c8a014f4
|
@ -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="发表于 + ' ' + ${#dates.format(post.spec.publishTime,'yyyy-MM-dd')}"></span>
|
||||
|
||||
<i class="haofont hao-icon-history dateshowicon"></i>
|
||||
<span class="banner-button-text" th:text="更新于 + ' ' + ${#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>
|
||||
|
||||
<!-- 分页 -->
|
||||
|
|
|
@ -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"
|
||||
|
|
Loading…
Reference in New Issue