<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<?php $this->need('header.php'); ?>

    


        <?php if ($this->have()): ?>
        <!-- 如果有相关内容，则进入 while 循环打印相关文章 -->
        <?php while ($this->next()): ?>






<!-- NEW -->
<div class="mdui-card postDiv mdui-center mdui-hoverable">
<div class="mdui-card-media mdui-color-theme">
  <a href="<?php $this->permalink(); ?>">
  <?php if($this->fields->indexImage): ?>
    <img src="<?php echo $this->fields->indexImage; ?>" class="mdui-color-theme mdui-text-color-theme">
  <?php elseif($this->options->postIndexImage): ?>
    <img src="<?php echo $this->options->postIndexImage; ?>" class="mdui-color-theme mdui-text-color-theme">
  <?php else: ?>
    <img src="https://cdn.jsdelivr.net/gh/MyBlog-GitHub/image-upload@main/uPic/www.todaybing.com.1605173678..1080P.jpg" class="mdui-color-theme mdui-text-color-theme">
    
  <?php endif; ?>
    <div class="mdui-card-media-covered mdui-card-media-covered-gradient">
      <div class="mdui-card-primary">
        <div class="mdui-card-primary-title"><?php $this->title(); ?></div>
      </div>
    </div>
  </a>
</div>
<div class="mdui-card-actions">
  <p class="ct1-p mdui-text-color-black">
  <?php if($this->fields->excerpt && $this->fields->excerpt!='') {
      // 输出文章简介
      echo $this->fields->excerpt;
  }else{
      // 未设置文章简介则默认截取前 130 字
      echo $this->excerpt(130)."...";
  }
  ?>
  </p>
  <br/><div class="mdui-divider underline"></div><br/>
  <span class="info">
<i class="mdui-icon material-icons info-icon">&#57746;</i>  <?php $this->date(); ?>&nbsp; | &nbsp;
<i class="mdui-icon material-icons info-icon">&#xe853;</i> <a class="mdui-text-color-theme-accent" href="<?php $this->author->permalink(); ?>" ><?php $this->author(); ?></a>&nbsp;&nbsp;
</span> <a class="mdui-btn mdui-ripple mdui-ripple-white coun-read mdui-text-color-theme-accent" href="<?php $this->permalink(); ?>">阅读更多</a></div></div>


<?php endwhile; ?>
    	
        <?php else: ?>
          <div class="mdui-typo mdui-text-center">
                <h2 class="post-title"><?php _e('没有找到相关内容'); ?></h2>
          </div>
        <?php endif; ?>

<!-- 文章分页 -->
<div class="post-pagenav">
    <span class="mdui-btn"><?php $this->pageLink('<i class="mdui-icon material-icons">&#xe408;</i>'); ?></span>
		<span class="mdui-btn"><?php $this->pageLink('<i class="mdui-icon material-icons">&#xe409;</i>','next'); ?></span>
</div>
    </div><!-- end #main -->

	<?php $this->need('footer.php'); ?>
