页面的head部分，需引入页面的样式文件，代码如下：
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
<link type="text/css" rel="stylesheet" href="css/style.css">页面的body部分，需设置好json数据列表的ul容器和切换按钮等内容，代码如下：
<!-- 网格 -->
<ul class="posts-box"><!-- JSON数据列表 --></ul>
<!-- 弹窗 -->
<div class="modal" id="modal-name">
<div class="modal-sandbox"></div>
<div class="modal-box">
<div class="modal-header">
<img src="" class="inner-img" alt="">
</div>
<div class="modal-body">
<h2 class="inner-title"></h2>
<div class="inner-text"></div>
<button class="prev-post">上一条</button>
<button class="next-post">下一条</button>
<button class="close-post">关 闭</button>
</div>
</div>
</div>页面的底部，需引入jQuery库和本地JS文件，代码如下：
<script type="text/javascript" src='js/jquery.min.js'></script>
<script type="text/javascript" src="js/index.js"></script>*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
