jinql
/
halo-theme-xinac-fantastic
mirror of https://github.com/jinqilin721/halo-theme-xinac-fantastic
1
0
Fork 0
Code Issues Releases Wiki Activity

页面显示优化

pull/5/head
jinqilin721 2020-05-08 16:08:38 +08:00
parent 524487a54f
commit 0c22b45630
6 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
archives.ftl
View File

@ -25,7 +25,7 @@
<#if posts.getTotalPages() gt 0> <#if posts.getTotalPages() gt 0>
<div class="card card-transparent"> <div class="card card-transparent">
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav class="pagination is-centered" role="navigation" aria-label="pagination">
<@paginationTag method="archives" page="${posts.number}" total="${posts.totalPages}" display="3"> <@paginationTag method="archives" page="${posts.number}" total="${posts.totalPages}" display="5">
<div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>"> <div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a> <a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div> </div>

2
index.ftl
View File

@ -9,7 +9,7 @@
<#if posts.getTotalPages() gt 0> <#if posts.getTotalPages() gt 0>
<div class="card card-transparent"> <div class="card card-transparent">
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav class="pagination is-centered" role="navigation" aria-label="pagination">
<@paginationTag method="index" page="${posts.number}" total="${posts.totalPages}" display="3"> <@paginationTag method="index" page="${posts.number}" total="${posts.totalPages}" display="5">
<div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>"> <div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a> <a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div> </div>

2
layout/category.ftl
View File

@ -17,7 +17,7 @@
<#if posts.getTotalPages() gt 0> <#if posts.getTotalPages() gt 0>
<div class="card card-transparent"> <div class="card card-transparent">
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav class="pagination is-centered" role="navigation" aria-label="pagination">
<@paginationTag method="categoryPosts" page="${posts.number}" total="${posts.totalPages}" display="3" slug="${category.slug!}"> <@paginationTag method="categoryPosts" page="${posts.number}" total="${posts.totalPages}" display="5" slug="${category.slug!}">
<div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>"> <div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a> <a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div> </div>

2
layout/tag.ftl
View File

@ -18,7 +18,7 @@
<#if posts.getTotalPages() gt 0> <#if posts.getTotalPages() gt 0>
<div class="card card-transparent"> <div class="card card-transparent">
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav class="pagination is-centered" role="navigation" aria-label="pagination">
<@paginationTag method="tagPosts" page="${posts.number}" total="${posts.totalPages}" display="3" slug="${tag.slug!}"> <@paginationTag method="tagPosts" page="${posts.number}" total="${posts.totalPages}" display="5" slug="${tag.slug!}">
<div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>"> <div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a> <a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div> </div>

11
photos.ftl
View File

@ -1,7 +1,7 @@
<#include "./layout/common/navbar.ftl"> <#include "./layout/common/navbar.ftl">
<#include "./layout/common/head.ftl"> <#include "./layout/common/head.ftl">
<!DOCTYPE html> <!DOCTYPE html>
<html lang="zh-CN"> <html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
@ -48,7 +48,7 @@
<#break> <#break>
</#if> </#if>
<div class="column is-one-quarter-desktop is-half-tablet" style="margin-bottom: 40px;"> <div class="column is-one-quarter-desktop is-half-tablet" style="margin-bottom: 40px;">
<div class="card" style="width: 100%"> <div class="card" style="width: 100%; height: 205px;">
<div class="card-image"> <div class="card-image">
<figure class="image"> <figure class="image">
<a href="${photo.url!}" class="show" title="${photo.name!}" > <a href="${photo.url!}" class="show" title="${photo.name!}" >
@ -63,7 +63,7 @@
</span> </span>
</div>--> </div>-->
</div> </div>
<footer class="card-footer" style="background-color: #fff; height: 64px; overflow-y: hidden;"> <footer class="card-footer is-hidden-mobile" style="background-color: #fff; height: 64px; overflow-y: hidden;">
<a class="card-footer-item"> <a class="card-footer-item">
<#if photo.name?? && photo.name != '' && photo.name?length gt 50 > <#if photo.name?? && photo.name != '' && photo.name?length gt 50 >
${photo.takeTime!?string('yyyy.MM.dd')} - ${photo.name!?substring(0,50)} ${photo.takeTime!?string('yyyy.MM.dd')} - ${photo.name!?substring(0,50)}
@ -114,15 +114,16 @@
height: 100%; height: 100%;
} }
.card-image { .card-image {
height: 100%; /*height: 100%;*/
} }
.image { .image {
height: 100%; height: 100%;
padding: 5px; /*padding: 5px;*/
} }
.image img{ .image img{
height: 100%; height: 100%;
border-radius: 0.3rem !important;
} }
#animated-thumbnail a { #animated-thumbnail a {
display: block; display: block;

2
search.ftl
View File

@ -7,7 +7,7 @@
<#if posts.getTotalPages() gt 0> <#if posts.getTotalPages() gt 0>
<div class="card card-transparent"> <div class="card card-transparent">
<nav class="pagination is-centered" role="navigation" aria-label="pagination"> <nav class="pagination is-centered" role="navigation" aria-label="pagination">
<@paginationTag method="search" page="${posts.number}" total="${posts.totalPages}" display="3" keyword="${keyword!}"> <@paginationTag method="search" page="${posts.number}" total="${posts.totalPages}" display="5" keyword="${keyword!}">
<div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>"> <div class="pagination-previous<#if pagination.hasPrev><#else > is-invisible is-hidden-mobile</#if>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a> <a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div> </div>