layout:更新各个带有翻页的页面布局。

This commit is contained in:
徐涛 2021-05-17 15:15:45 +08:00
parent da8ae648b8
commit 332c38a97a
5 changed files with 24 additions and 51 deletions

View File

@ -1,17 +1,10 @@
<div class="flex mx-2 my-2 main-content"> <div class="flex mx-2 my-2 main-content">
<section class="w-3-4-a w-2-2-n w-2-2-m px-1"> <section class="w-3-4-a w-2-2-n w-2-2-m px-1">
<%- partial('partial/post/list', {start: 1}) %> <%- partial('partial/post/list', {start: 1}) %>
<% if (page.total > 1) { %> <div class="uk-card uk-card-default uk-card-small uk-width-1-1 px-2 py-1 flex rm-between-a cm-center-a">
<div class="flex rm-between-a p-1"> <%- uk_paginator({total: page.total, current: page.current, sideSize: 3, midSize: 6, base: url_for(page.path), mainClasses: ["mb-0"]}) %>
<a class="<% if (page.prev == 0) { %>uk-disabled<% } %>" <a href="#" uk-totop uk-scroll class="mt-1" title="回到页首" tooltip="回到页首"></a>
href="/<%- page.prev_link %>"
uk-slidenav-previous></a>
<a class="<% if (page.next == 0) { %>uk-disabled<% } %>"
href="/<%- page.next_link %>"
uk-slidenav-next
></a>
</div> </div>
<% } %>
</section> </section>
<section class="w-1-4-a flex col-a hin him"> <section class="w-1-4-a flex col-a hin him">
<%- partial('partial/side', {'noCategories': true, 'noTags': false}) %> <%- partial('partial/side', {'noCategories': true, 'noTags': false}) %>

View File

@ -1,17 +1,10 @@
<div class="flex mx-2 my-2 main-content"> <div class="flex mx-2 my-2 main-content">
<section class="w-3-4-a w-2-2-m px-1 extend-1-a"> <section class="w-3-4-a w-2-2-m px-1 extend-1-a">
<%- partial('partial/post/list', {start: 1}) %> <%- partial('partial/post/list', {start: 1}) %>
<% if (page.total > 1) { %> <div class="uk-card uk-card-default uk-card-small uk-width-1-1 px-2 py-1 flex rm-between-a cm-center-a">
<div class="flex rm-between-a p-1"> <%- uk_paginator({total: page.total, current: page.current, sideSize: 3, midSize: 6, base: "/", mainClasses: ["mb-0"]}) %>
<a class="<% if (page.prev == 0) { %>uk-disabled<% } %>" <a href="#" uk-totop uk-scroll class="mt-1" title="回到页首" tooltip="回到页首"></a>
href="/<%- page.prev_link %>"
uk-slidenav-previous></a>
<a class="<% if (page.next == 0) { %>uk-disabled<% } %>"
href="/<%- page.next_link %>"
uk-slidenav-next
></a>
</div> </div>
<% } %>
</section> </section>
<section class="w-1-4-a flex col-a hin him"> <section class="w-1-4-a flex col-a hin him">
<%- partial('partial/side', {'noCategories': false, 'noTags': false}) %> <%- partial('partial/side', {'noCategories': false, 'noTags': false}) %>

View File

@ -21,24 +21,25 @@
separator: ' / ' separator: ' / '
}) %> }) %>
</div> </div>
<% } %> <% } %>
</div> </div>
</div> </div>
<article class="uk-card-body"> <article class="uk-card-body">
<%- page.content %> <%- page.content %>
</article> </article>
<% if (page.tags.length> 0) { %> <div class="uk-card-footer flex rm-between-a">
<div class="uk-card-footer flex rm-start-a"> <div class="tag-title">分类标签:</div>
<div class="tag-title">分类标签:</div> <% if (page.tags.length> 0) { %>
<div class="flex rm-flex-a extend-1-a w-wrap-a tag-host"> <div class="flex rm-flex-a extend-1-a w-wrap-a tag-host">
<% page.tags.each(function(tag) { %> <% page.tags.each(function(tag) { %>
<span class="uk-label ml-1 mb-1"> <span class="uk-label ml-1 mb-1">
<%= tag.name %> <%= tag.name %>
</span> </span>
<% }) %> <% }) %>
</div>
</div> </div>
<% } %> <% } %>
<a href="#" uk-totop uk-scroll class="mt-1 js-end-a" title="回到页首" tooltip="回到页首"></a>
</div>
</div> </div>
</section> </section>
<section class="w-1-4-a hin him"> <section class="w-1-4-a hin him">

View File

@ -1,17 +1,10 @@
<div class="flex mx-2 my-2 main-content"> <div class="flex mx-2 my-2 main-content">
<section class="w-3-4-a w-2-2-m px-1 extend-1-a"> <section class="w-3-4-a w-2-2-m px-1 extend-1-a">
<%- partial('partial/post/update-list', {start: 1}) %> <%- partial('partial/post/update-list', {start: 1}) %>
<% if (page.total > 1) { %> <div class="uk-card uk-card-default uk-card-small uk-width-1-1 px-2 py-1 flex rm-between-a cm-center-a">
<div class="flex rm-between-a p-1"> <%- uk_paginator({total: page.total, current: page.current, sideSize: 3, midSize: 6, base: url_for(page.path), mainClasses: ["mb-0"]}) %>
<a class="<% if (page.prev == 0) { %>uk-disabled<% } %>" <a href="#" uk-totop uk-scroll class="mt-1" title="回到页首" tooltip="回到页首"></a>
href="/<%- page.prev_link %>"
uk-slidenav-previous></a>
<a class="<% if (page.next == 0) { %>uk-disabled<% } %>"
href="/<%- page.next_link %>"
uk-slidenav-next
></a>
</div> </div>
<% } %>
</section> </section>
<section class="w-1-4-a flex col-a hin him"> <section class="w-1-4-a flex col-a hin him">
<%- partial('partial/side', {'noCategories': false, 'noTags': false}) %> <%- partial('partial/side', {'noCategories': false, 'noTags': false}) %>

View File

@ -1,17 +1,10 @@
<div class="flex mx-2 my-2 main-content"> <div class="flex mx-2 my-2 main-content">
<section class="w-3-4-a w-2-2-n w-2-2-m px-1"> <section class="w-3-4-a w-2-2-n w-2-2-m px-1">
<%- partial('partial/post/list', {start: 1}) %> <%- partial('partial/post/list', {start: 1}) %>
<% if (page.total > 1) { %> <div class="uk-card uk-card-default uk-card-small uk-width-1-1 px-2 py-1 flex rm-between-a cm-center-a">
<div class="flex row-a rm-between-a p-1"> <%- uk_paginator({total: page.total, current: page.current, sideSize: 3, midSize: 6, base: url_for(page.path), mainClasses: ["mb-0"]}) %>
<a class="<% if (page.prev == 0) { %>uk-disabled<% } %>" <a href="#" uk-totop uk-scroll class="mt-1" title="回到页首" tooltip="回到页首"></a>
href="/<%- page.prev_link %>"
uk-slidenav-previous></a>
<a class="<% if (page.next == 0) { %>uk-disabled<% } %>"
href="/<%- page.next_link %>"
uk-slidenav-next
></a>
</div> </div>
<% } %>
</section> </section>
<section class="w-1-4-a flex col-a hin him"> <section class="w-1-4-a flex col-a hin him">
<%- partial('partial/side', {'noCategories': false, 'noTags': true}) %> <%- partial('partial/side', {'noCategories': false, 'noTags': true}) %>