mirror of https://github.com/IoTcat/ushio-img.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
92 lines
2.9 KiB
92 lines
2.9 KiB
<?php |
|
/** |
|
* Template Page of Category |
|
* |
|
* @package custom |
|
*/ |
|
?> |
|
<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?> |
|
<?php $this->need('header.php'); ?> |
|
|
|
<div id="main" class="main" role="main"> |
|
<div class="main-inner clearfix"> |
|
<div class="content-wrap"> |
|
<?php $this->widget('Widget_Metas_Category_List')->to($categorys); ?> |
|
<?php if ($categorys->have()) : ?> |
|
<?php while ($categorys->next()) : ?> |
|
<?php if ($categorys->count) : ?> |
|
<h1 class="category-title" itemprop="name headline"> |
|
<a class="category-title-link" itemprop="url" href="<?php $categorys->permalink(); ?>"><?php $categorys->name(); ?></a> |
|
<span> :<?php $categorys->count(); ?></span> |
|
</h1> |
|
<?php endif; ?> |
|
<?php $catlist = $this->widget('Widget_Archive@categorys_' . $categorys->mid, 'pageSize=10000&type=category', 'mid=' . $categorys->mid); ?> |
|
<?php if ($catlist->have()) : ?> |
|
<div class="category-post-item clearfix"> |
|
<?php while ($catlist->next()) : ?> |
|
<div class="category-post-wrap "> |
|
<article class="category-post" text-center itemscope itemtype="http://schema.org/BlogPosting"> |
|
<a href="<?php $catlist->permalink() ?>"> |
|
<h2 class="category-post-title"><?php $catlist->title() ?></h2> |
|
</a> |
|
<?php $catlist->date('M j, Y'); ?> |
|
</article> |
|
</div> |
|
<?php endwhile; ?> |
|
</div> |
|
<?php endif; ?> |
|
<?php endwhile; ?> |
|
<?php endif; ?> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<style> |
|
.content-wrap a { |
|
border: none |
|
} |
|
|
|
.category-post-wrap { |
|
display: inline-block; |
|
width: 33.33%; |
|
box-sizing: border-box; |
|
float: left; |
|
padding: 10px; |
|
} |
|
|
|
@media (max-width: 991px) { |
|
.category-post-wrap { |
|
width: 50%; |
|
} |
|
} |
|
|
|
.category-post { |
|
background-color: #fff; |
|
padding: 20px; |
|
box-shadow: 0 1px 4px rgba(0, 0, 0, .04); |
|
} |
|
|
|
.content-wrap { |
|
float: none |
|
} |
|
|
|
.category-post-title { |
|
font-weight: normal; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
font-size: 14px; |
|
margin: 0; |
|
} |
|
|
|
.category-title { |
|
margin: 10px; |
|
font-size: 14px; |
|
} |
|
|
|
.category-post-item { |
|
animation: fade-in-top .3s .3s backwards; |
|
} |
|
</style> |
|
|
|
<?php $this->need('footer.php'); ?>
|