摘要：<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0&qu
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>麗春院 — 首頁</title>
{include file="public/style"}
{include file="public/header"}
</head>
<body>
<div id="page">
<div id="body" class="home">
<div class="demo">
<a class="control prev"></a><a class="control next abs"></a><!--自定義按鈕，移動(dòng)端可不寫-->
<div class="slider"><!--主體結(jié)構(gòu)，請(qǐng)用此類名調(diào)用插件，此類名可自定義-->
<ul>
{volist name="slides" id="slide"}
<li><a href=""><img src="{$slide.pic}" alt="{$slide.desc}"/></a></li>
{/volist}
</ul>
</div>
</div>
<div class="header">
<div>
<h3 style="margin-top: 50px">頭牌人選</h3>
<ul>
{volist name="products" id="product"}
<li>
<a href=" "><img src="{:GetProPic($product.id)}" style=" width: 100%;height: 100%;" alt=""></a>
</li>
{/volist}
</ul>
</div>
</div>
<div class="body">
<div>
<h1>麗春院百年老店</h1>
<p>為看官提供更養(yǎng)眼、更多樣、更直觀的感覺體驗(yàn)!</p>
</div>
</div>
<div class="footer">
<div>
<ul>
<li>
<h1>新上花魁</h1>
{volist name="NewProduct" id="NewProduct"}
<a href=" ">
<img src="{:GetProPic($NewProduct.id)}"
style="border-radius:10px; box-shadow: 0 0 10px #eaeaea; border:5px solid #E9E7E7;width: 460px;height: 260px;"
alt="">
</a>
{/volist}
</li>
<li>
<h1>最新資訊</h1>
<ul>
{volist name="news" id="new"}
<li>
<a href=""><img src="{:GetNewsPic($new.id)}"
style="border-radius:10px; box-shadow: 0 0 10px #6E6E6E; width: 100px;height: 95px;"
alt=""></a>
<h1>{$new.title}</h1>
<span>{$new.time|date="Y-m-d"}</span>
<a href="blog.php" class="more">了解更多</a>
</li>
{/volist}
</ul>
</li>
</ul>
</div>
</div>
</div>
{include file="public/footer"}
</div>
<script>
$(".slider").YuxiSlider({
width: 1900, //容器寬度
height: 450, //容器高度
control: $('.control'), //綁定控制按鈕
during: 4000, //間隔4秒自動(dòng)滑動(dòng)
speed: 800, //移動(dòng)速度0.8秒
mousewheel: true, //是否開啟鼠標(biāo)滾輪控制
direkey: true //是否開啟左右箭頭方向控制
});
</script>
</body>
</html>
批改老師：查無此人批改時(shí)間：2019-07-17 13:10:47
老師總結(jié)：完成的不錯(cuò)。文件上傳，后綴名要判斷，文件大小要判斷。以免別人上傳故意上傳垃圾文件。繼續(xù)加油。