1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
<?php
/**
* You're the miracles.
*
* @package Miracles
* @author Eltrac
* @version 1.0
* @link https://guhub.cn
*/
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
$this->need('includes/head.php');
$this->need('includes/header.php');
?>
<main class="main-container container">
<div class="post-list">
<?php while($this->next()): ?>
<br />
<!-- 电脑端卡片 -->
<div class="post-item large-screen">
<div class="container-fluid"><div class="row">
<div class="col-md-6 post-banner-box">
<a href="<?php $this->permalink(); ?>" class="post-link">
<div class="post-banner">
<img src="<?php if($this->fields->banner && $this->fields->banner=!''): ?><?php echo $this->fields->banner(); ?><?php else: ?><?php Utils::indexTheme('images/postbg/'); ?><?php echo rand(1,rand(1,rand(1,10))); ?>.jpg<?php endif; ?>">
</div>
</a>
</div>
<div class="col-md-6 post-item-content">
<a href="<?php $this->permalink(); ?>" class="post-link">
<h1 class="post-title"><?php $this->sticky(); ?><?php $this->title(); ?></h1>
</a>
<p class="post-excerpt"><?php $this->excerpt(); ?></p>
<p class="post-meta"><i class="iconfont icon-block"></i> <?php $this->category(','); ?> <i class="iconfont icon-comments"></i> <?php $this->commentsNum('None', 'Only 1', '%d'); ?> <i class="iconfont icon-clock"></i> <?php $this->date(); ?></p>
<p class="post-button-box"><a href="<?php $this->permalink(); ?>" class="post-button">Read More</a></p>
</div>
</div></div>
</div>
<!-- 移动端卡片 -->
<div class="post-item small-screen">
<div class="post-banner-box-ss">
<div class="post-banner-ss">
<img src="<?php if($this->fields->banner && $this->fields->banner=!''): ?><?php echo $this->fields->banner(); ?><?php else: ?><?php Utils::indexTheme('images/postbg/'); ?><?php echo rand(1,rand(1,rand(1,10))); ?>.jpg<?php endif; ?>">
</div>
</div>
<div class="post-item-content-ss">
<a href="<?php $this->permalink(); ?>" class="post-link">
<h1 class="post-title-ss"><?php $this->sticky(); ?><?php $this->title(); ?></h1>
</a>
<p class="post-excerpt"><?php $this->excerpt(); ?></p>
<p class="post-meta"><i class="iconfont icon-block"></i> <?php $this->category(','); ?> <i class="iconfont icon-comments"></i> <?php $this->commentsNum('None', 'Only 1', '%d'); ?> <i class="iconfont icon-clock"></i> <?php $this->date(); ?></p>
</div>
</div>
<br />
<?php endwhile; ?>
<div class="post-pagenav">
<span class="post-pagenav-left"><?php $this->pageLink('<i class="iconfont icon-chevron-left"></i>'); ?></span>
<span class="post-pagenav-right"><?php $this->pageLink('<i class="iconfont icon-chevron-right"></i>','next'); ?></span>
</div>
</div>
</main>
<?php $this->need('includes/footer.php'); ?>
|
