46 lines
1.6 KiB
HTML
46 lines
1.6 KiB
HTML
---
|
|
layout: default-no-ad
|
|
---
|
|
|
|
<script src="//cdn-feling-net.oss-cn-beijing.aliyuncs.com/js/components/grid.min.js"></script>
|
|
|
|
<ul id="tab" class="uk-tab uk-hidden-small" style="margin-bottom: 15px;">
|
|
<li data-uk-filter=""><a>全部</a></li>
|
|
{% for categorie_posts in site.categories reversed %}
|
|
{% assign categorie = categorie_posts | first %}
|
|
<li data-uk-filter="{{ categorie }}"><a>{{ categorie }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
|
|
<div id="view" class="uk-grid-width-small-1-1 uk-grid-width-medium-1-2">
|
|
{% for categorie_posts in site.categories reversed %}
|
|
{% assign categorie = categorie_posts | first %}
|
|
{% assign posts = categorie_posts | last %}
|
|
<div class="uk-panel" data-uk-filter="{{ categorie }}">
|
|
<div class="uk-panel-box" style="margin: 0 0 5px 5px;">
|
|
<ul class="uk-list uk-list-space" style="margin-bottom: 0;">
|
|
{% for post in posts %}
|
|
<li>
|
|
<a href="{{ post.url }}">
|
|
<span class="uk-text-muted">{{ post.date | date: "%Y-%m-%d" }}</span>
|
|
<span><span class="uk-text-muted"> - </span>{{ post.title }}</span>
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<script>
|
|
$('#tab').children().first().addClass('uk-active');
|
|
var grid = UIkit.grid(
|
|
$('#view'),
|
|
{
|
|
animation: false,
|
|
controls: '#tab',
|
|
filter: $('#tab').children().first().attr('data-uk-filter')
|
|
}
|
|
);
|
|
</script> |