pages(detail): Completed details on all pages
This commit is contained in:
parent
b3a1567403
commit
62fd4fea9b
@ -22,12 +22,12 @@
|
||||
<div class="pagenav">
|
||||
<#if pagination.hasPrev>
|
||||
<a href="${pagination.prevPageFullPath!}" class="pre">
|
||||
返回上页
|
||||
退回上页
|
||||
</a>
|
||||
</#if>
|
||||
<#if pagination.hasNext>
|
||||
<a href="${pagination.nextPageFullPath!}" class="next">
|
||||
更多文章
|
||||
阅览更多
|
||||
</a>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
@ -18,12 +18,12 @@
|
||||
<div class="pagenav">
|
||||
<#if pagination.hasPrev>
|
||||
<a href="${pagination.prevPageFullPath!}" class="pre">
|
||||
返回上页
|
||||
退回上页
|
||||
</a>
|
||||
</#if>
|
||||
<#if pagination.hasNext>
|
||||
<a href="${pagination.nextPageFullPath!}" class="next">
|
||||
更多文章
|
||||
阅览更多
|
||||
</a>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
@ -29,12 +29,12 @@
|
||||
<div class="pagenav">
|
||||
<#if pagination.hasPrev>
|
||||
<a href="${pagination.prevPageFullPath!}" class="pre">
|
||||
返回上页
|
||||
退回上页
|
||||
</a>
|
||||
</#if>
|
||||
<#if pagination.hasNext>
|
||||
<a href="${pagination.nextPageFullPath!}" class="next">
|
||||
更多文章
|
||||
阅览更多
|
||||
</a>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
@ -12,13 +12,13 @@
|
||||
<div class="content">
|
||||
${journal.content!}
|
||||
</div>
|
||||
<div class="option">
|
||||
<#-- <div class="option">
|
||||
|
||||
<i class="ri-thumb-up-line"></i>
|
||||
<i class="ri-chat-3-line"></i>
|
||||
<i class="ri-share-forward-line"></i>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
<#-- <div class="info">
|
||||
${user.nickname!}
|
||||
<#assign timeago = (.now?long - journal.createTime?long)>
|
||||
@ -50,12 +50,12 @@
|
||||
<div class="pagenav">
|
||||
<#if pagination.hasPrev>
|
||||
<a href="${pagination.prevPageFullPath!}" class="pre">
|
||||
返回上页
|
||||
退回上页
|
||||
</a>
|
||||
</#if>
|
||||
<#if pagination.hasNext>
|
||||
<a href="${pagination.nextPageFullPath!}" class="next">
|
||||
更多日志
|
||||
阅览更多
|
||||
</a>
|
||||
</#if>
|
||||
</div>
|
||||
|
||||
@ -1,7 +1,10 @@
|
||||
<#macro comment post,type>
|
||||
<#if !post.disallowComment!false>
|
||||
<div class="comment">
|
||||
<script src="//cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js"></script>
|
||||
<script src="${options.comment_internal_plugin_js!'//cdn.jsdelivr.net/gh/halo-dev/halo-comment@latest/dist/halo-comment.min.js'}"></script>
|
||||
<halo-comment id="${post.id?c}" type="${type}"/>
|
||||
|
||||
</div>
|
||||
</#if>
|
||||
</#macro>
|
||||
|
||||
@ -27,7 +27,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<#-- 菜单 -->
|
||||
<#include "menu.ftl">
|
||||
|
||||
<div class="container animate__animated animate__fadeInDown">
|
||||
|
||||
|
||||
@ -38,6 +38,7 @@
|
||||
|
||||
<#-- 脚注 -->
|
||||
<footer>
|
||||
<#include "menu.ftl">
|
||||
<div class="copyright">
|
||||
<a href="https://www.7wate.com">Designed by Zeuk&7Wate,</a>
|
||||
<a href="https://halo.run">Proudly published with Halo</a>
|
||||
|
||||
9
post.ftl
9
post.ftl
@ -50,7 +50,14 @@
|
||||
${post.formatContent!}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="commentButton">
|
||||
<a href="${blog_url!}">
|
||||
退回首页
|
||||
</a>
|
||||
<a href="">
|
||||
留下一言
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
<#include "module/comment.ftl">
|
||||
<@comment post=post type="post" />
|
||||
|
||||
11
sheet.ftl
11
sheet.ftl
@ -44,8 +44,15 @@
|
||||
${sheet.formatContent!}
|
||||
</div>
|
||||
</div>
|
||||
<div class="commentButton">
|
||||
<a href="${blog_url!}">
|
||||
退回首页
|
||||
</a>
|
||||
<a href="">
|
||||
留下一言
|
||||
</a>
|
||||
</div>
|
||||
</main>
|
||||
<#include "module/comment.ftl">
|
||||
<@comment post=sheet type="sheet" />
|
||||
|
||||
</main>
|
||||
</@layout>
|
||||
|
||||
@ -178,7 +178,6 @@ main .post > .title {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
main .post > .title > h1 > a {
|
||||
color: black;
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
@ -186,18 +185,15 @@ main .post > .title > h1 > a {
|
||||
main .post > .title > .info {
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
}
|
||||
main .post > .title > .info > span {
|
||||
margin: 0 0.25rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post > .title > .info > span i {
|
||||
position: relative;
|
||||
top: 0.125rem;
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
main .journals > .name {
|
||||
font-size: 1.5rem;
|
||||
@ -215,7 +211,6 @@ main .journals > ul > li > .content {
|
||||
main .journals > ul > li > .option {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
margin: 0 0.5rem;
|
||||
@ -233,6 +228,26 @@ main .pagenav > a {
|
||||
margin: 0 2rem;
|
||||
}
|
||||
|
||||
.comment {
|
||||
width: 47rem;
|
||||
margin: 1rem 0rem;
|
||||
padding: 1rem 2.5rem;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.commentButton {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 2rem;
|
||||
padding-top: 2rem;
|
||||
width: 40rem;
|
||||
border-top: 1px solid #f3f3f3;
|
||||
}
|
||||
.commentButton > a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 2rem 0;
|
||||
}
|
||||
|
||||
@ -236,7 +236,6 @@ main {
|
||||
margin-top: 4rem;
|
||||
> h1 {
|
||||
> a {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
letter-spacing: 0.0625rem;
|
||||
font-size: 2rem;
|
||||
line-height: 2rem;
|
||||
@ -246,17 +245,14 @@ main {
|
||||
> .info {
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
|
||||
> span{
|
||||
margin: 0 0.25rem;
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
i {
|
||||
position: relative;
|
||||
top:0.125rem;
|
||||
color: rgb(0, 0, 0, 0.85);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -264,6 +260,7 @@ main {
|
||||
}
|
||||
|
||||
.journals{
|
||||
|
||||
> .name{
|
||||
font-size: 1.5rem;
|
||||
font-weight: bold;
|
||||
@ -280,7 +277,6 @@ main {
|
||||
> .option{
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
font-weight: 400;
|
||||
font-size: 0.75rem;
|
||||
margin: 0 0.5rem;
|
||||
@ -307,6 +303,25 @@ main {
|
||||
|
||||
}
|
||||
|
||||
.comment
|
||||
{
|
||||
width: 47rem;
|
||||
margin: 1rem 0rem;
|
||||
padding: 1rem 2.5rem;
|
||||
background: #ffffff;
|
||||
box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
.commentButton{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 2rem;
|
||||
padding-top: 2rem;
|
||||
width: 40rem;
|
||||
border-top: 1px solid #f3f3f3;
|
||||
>a{
|
||||
color: rgba(0, 0, 0, 1);
|
||||
}
|
||||
}
|
||||
footer {
|
||||
padding: 2rem 0;
|
||||
|
||||
|
||||
@ -15,13 +15,6 @@ html::-webkit-scrollbar-thumb:hover {
|
||||
background: #0095ff1a;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.header > .title > a > span {
|
||||
color: black;
|
||||
}
|
||||
@ -81,6 +74,24 @@ main .pagenav a {
|
||||
main .pagenav a:hover {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post > .title > h1 {
|
||||
color: black;
|
||||
}
|
||||
main .post > .title > h1 > a {
|
||||
color: black;
|
||||
}
|
||||
main .post > .title > .info {
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
}
|
||||
main .post > .title > .info > span {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
main .post > .title > .info > span i {
|
||||
color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
main .journals > ul > li > .option {
|
||||
color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
footer .copyright a {
|
||||
color: rgba(0, 0, 0, 0.25);
|
||||
|
||||
@ -17,13 +17,13 @@ html::-webkit-scrollbar-thumb:hover {
|
||||
background: #0095ff1a;
|
||||
}
|
||||
|
||||
// Body
|
||||
body {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
// // Body
|
||||
// body {
|
||||
// display: flex;
|
||||
// flex-wrap: nowrap;
|
||||
// flex-direction: column;
|
||||
// align-items: center;
|
||||
// }
|
||||
|
||||
// Header 头部
|
||||
.header {
|
||||
@ -120,6 +120,41 @@ main {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 文章
|
||||
.post{
|
||||
> .title{
|
||||
> h1 {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
> a {
|
||||
color: rgba(0, 0, 0, 1);
|
||||
}
|
||||
}
|
||||
|
||||
> .info {
|
||||
border-bottom: 1px solid #f3f3f3;
|
||||
> span{
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
i {
|
||||
|
||||
color: rgb(0, 0, 0, 0.85);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 日志
|
||||
.journals{
|
||||
> ul{
|
||||
> li{
|
||||
> .option{
|
||||
color: rgb(0, 0, 0, 0.65);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// 脚注
|
||||
|
||||
Reference in New Issue
Block a user