页面显示优化

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

View File

@ -25,7 +25,7 @@
<#if posts.getTotalPages() gt 0>
<div class="card card-transparent">
<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>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div>

View File

@ -9,7 +9,7 @@
<#if posts.getTotalPages() gt 0>
<div class="card card-transparent">
<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>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div>

View File

@ -17,7 +17,7 @@
<#if posts.getTotalPages() gt 0>
<div class="card card-transparent">
<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>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div>

View File

@ -18,7 +18,7 @@
<#if posts.getTotalPages() gt 0>
<div class="card card-transparent">
<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>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div>

View File

@ -1,7 +1,7 @@
<#include "./layout/common/navbar.ftl">
<#include "./layout/common/head.ftl">
<!DOCTYPE html>
<html lang="zh-CN">
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
@ -48,7 +48,7 @@
<#break>
</#if>
<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">
<figure class="image">
<a href="${photo.url!}" class="show" title="${photo.name!}" >
@ -63,7 +63,7 @@
</span>
</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">
<#if photo.name?? && photo.name != '' && photo.name?length gt 50 >
${photo.takeTime!?string('yyyy.MM.dd')} - ${photo.name!?substring(0,50)}
@ -114,15 +114,16 @@
height: 100%;
}
.card-image {
height: 100%;
/*height: 100%;*/
}
.image {
height: 100%;
padding: 5px;
/*padding: 5px;*/
}
.image img{
height: 100%;
border-radius: 0.3rem !important;
}
#animated-thumbnail a {
display: block;

View File

@ -7,7 +7,7 @@
<#if posts.getTotalPages() gt 0>
<div class="card card-transparent">
<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>">
<a class="is-flex-grow has-text-black-ter" href="${pagination.prevPageFullPath!}">上一页</a>
</div>