页面的head部分，需引入页面的CSS样式文件，代码如下：
![[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部分，设置好缩略图按钮和滚动切换的大图容器，代码如下：
<div class="controls">
<button class="slide-indicator" data-panel="1"></button>
<button class="slide-indicator" data-panel="2"></button>
<button class="slide-indicator" data-panel="3"></button>
<button class="slide-indicator" data-panel="4"></button>
<button class="slide-indicator" data-panel="5"></button>
</div>
<ul class="dm">
<li class="dm-panel header tx--white">
<div class="advice">
<h1>Let's take a scroll *
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
