摘要：index.html:<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>小米商城</title> <link rel=
index.html:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>小米商城</title>
<link rel="icon" href="static/images/footlogo.png">
<link rel="stylesheet" href="static/layui/css/layui.css">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<!--導航-->
<div class="header">
<div class="nav">
<ul class="nav_left left">
<li><a href="#">小米商城</a><span>|</span></li>
<li><a href="#">MIUI</a><span>|</span></li>
<li><a href="#">IOT</a><span>|</span></li>
<li><a href="#">云服務(wù)</a><span>|</span></li>
<li><a href="#">小愛分享平臺</a><span>|</span></li>
<li><a href="#">金融</a><span>|</span></li>
<li><a href="#">有品</a><span>|</span></li>
<li><a href="#">企業(yè)服務(wù)</a><span>|</span></li>
<li><a href="#">SelectRegion</a></li>
</ul>
<div class="nav_right right">
<ul>
<li><a href="#">登錄</a><span>|</span></li>
<li><a href="#">注冊</a><span>|</span></li>
<li><a href="#">我的訂單</a></li>
<li class="nav_right_li"><a href="#"><i class="fa fa-shopping-cart" ></i> 購物車 ( 0 )</a>
<div>購物車中還沒有商品，趕緊選購吧！</div>
</li>
</ul>
</div>
</div>
</div>
<div class="contents">
<div class="content">
<div class="contentMenu">
<div class="contentMenuImg left">
<img src="static/images/footlogo.png" alt="">
<img src="static/images/logoAD.gif" alt="">
</div>
<ul class="contentMenuUl left">
<li>小米手機
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>紅米
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>電視
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>筆記本
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>盒子
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
<span></span>
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
<a href="" style="color: #ff6700;">3299 元</a>
</div>
</div>
</div>
</div>
</li>
<li>新品
<div class="MI_phone">
<div class="MI_phoneDiv">
<div class="MI_phone1">
<div class="new">新品</div>
<div class="MI_phone1_shop">
<img src="static/images/phone/phone1.png">
<br>
<a href="">小米2S</a>
<br>
&
批改老師：天蓬老師批改時間：2019-02-02 11:59:22
老師總結(jié)：因為程序限制, 沒有看到完整的代碼,但從已發(fā)布的代碼來看, 寫得還算是工整, 不過, 還是建議要有自己的想法, 盡可能不要一味的抄教學源碼