页面显示优化
parent
524487a54f
commit
0c22b45630
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
11
photos.ftl
11
photos.ftl
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue