abstract：<!DOCTYPE html> <html> <head> <title>小米商城</title> <meta charset="utf-8">
<!DOCTYPE html> <html> <head> <title>小米商城</title> <meta charset="utf-8"> <link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png" /> <link rel="stylesheet" href="static/css/cart.css"> <link rel="stylesheet" type="text/css" href="static/css/content.css"> <link rel="stylesheet" href="static/css/footer.css"> <link rel="stylesheet" type="text/css" href="static/font-awesome-4.7.0/css/font-awesome.min.css"> <script src="static/js/jquery-3.3.1.js"></script> <script src="static/js/cart.js"></script> </head> <body> <!-- 購物車頭部 --> <div> <div> <div> <a href=""></a> <h1>我的購物車</h1> <h6>溫馨提示：產(chǎn)品是否購買成功，以最終下單為準(zhǔn)哦，請(qǐng)盡快結(jié)算</h6> </div> <div> <div> <div> <a href="javascript:void(0)">我是某某某</a> <ul> <li>個(gè)人中心</li> <li>評(píng)價(jià)曬單</li> <li>我的喜歡</li> <li>小米賬戶</li> <li>退出登錄</li> </ul> </div> <i class="fa fa-angle-down fa-1x"></i> </div> <div><a href="./order.html">我的訂單</a></div> </div> </div> </div> <!-- 購物車軀干部分 --> <div> <!--購物車--> <div> <div class="list list-title"> <div class="select select-all"><i class="fa fa-check" id="check-all"></i>全選</div> <div></div> <div style="font-size:14px; ">商品名稱</div> <div>單價(jià)</div> <div>數(shù)量</div> <divstyle="color:#424242;">小計(jì)</div> <div>操作</div> </div> <div class="list list-item"> <div><i class="fa fa-check"></i></div> <div><img src="../static/img/phone/phone1.png" alt=""></div> <div> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div> <div>3199元</div> <div> <div> <button>-</button> <input type="text" value="1"> <button>+</button> </div> </div> <div>3199元</div> <div><i class="fa fa-times"></i></div> </div> <div class="list list-item"> <div><i class="fa fa-check"></i></div> <div><img src="../static/img/phone/phone1.png" alt=""></div> <div> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div> <div>3199元</div> <div> <div> <button>-</button> <input type="text" value="1"> <button>+</button> </div> </div> <div>3199元</div> <div><i class="fa fa-times"></i></div> </div> <div class="list list-item"> <div><i class="fa fa-check"></i></div> <div><img src="../static/img/phone/phone1.png" alt=""></div> <div> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div> <div>3199元</div> <div> <div> <button>-</button> <input type="text" value="1"> <button>+</button> </div> </div> <div>3199元</div> <div><i class="fa fa-times"></i></div> </div> <div class="list list-total"> <div> <span><a href="">繼續(xù)購物</a></span> <span>共 <span>0</span> 件商品，已選擇 <span>0</span> 件</span> </div> <div> <div>合計(jì): <span>0</span> 元</div> <a href="./close.html"><button>去結(jié)算</button></a> </div> </div> </div> <!--其他商品推薦--> <div style="margin-top: 60px;"> <p>買購物車中商品的人還買了</p> </div> <div> <div> <!--手機(jī)--> <div> <div></div> <div> <div> <div> <img src="../static/img/buy/手機(jī)1.jpg" alt=""> <h3><a href="">小米5X 4GB+64GB </a> </h3> <p>光學(xué)變焦雙攝，拍人更美</p> <p> <span style="color:#ff6709">1499 元</span> </p> </div> <div> <span>享八折</span> <img src="../static/img/buy/手機(jī)2.jpg" alt=""> <h3><a href="">小米MIX 2 全陶瓷尊享版 </a></h3> <p>全面屏2.0，Unibody 全陶瓷</p> <p> <span style="color:#ff6709">3699元</span> <del>4699 元</del> </p> </div> <div> <img src="../static/img/buy/手機(jī)3.jpg" alt=""> <h3><a href="">紅米5A 2GB內(nèi)存 </a></h3> <p>8天超長待機(jī)，137g輕巧機(jī)身</p> <p> <span style="color:#ff6709">599元</span> </p> </div> <div> <img src="../static/img/buy/手機(jī)4.jpg" alt=""> <h3><a href="">紅米5 Plus 3GB+32GB </a></h3> <p>全面屏手機(jī)，4000mAh大電量</p> <p> <span style="color:#ff6709">999元</span> </p> </div> </div> <div> <div> <img src="../static/img/buy/手機(jī)5.jpg" alt=""> <h3><a href="">紅米S2 3GB+32GB </a></h3> <p>前置1600萬超大像素智能美拍</p> <p> <span style="color:#ff6709">999元</span> </p> </div> <div> <img src="../static/img/buy/手機(jī)6.jpg" alt=""> <h3><a href="">小米Note 3 4GB+64GB </a></h3> <p>1600萬美顏?zhàn)耘模?倍變焦雙攝</p> <p> <span style="color:#ff6709">1799元</span> <del>1999元</del> </p> </div> <div> <img src="../static/img/buy/手機(jī)7.jpg" alt=""> <h3><a href="">紅米5 2GB+16GB </a></h3> <p>5.7英寸全面屏，前置柔光自拍</p> <p> <span style="color:#ff6709">799元</span> </p> </div> <div> <img src="../static/img/buy/手機(jī)8.jpg" alt=""> <h3><a href="">小米Max 2 4GB+64GB </a></h3> <p>6.44''大屏，5300mAh 充電寶級(jí)的大電量</p> <p> <span style="color:#ff6709">1499元</span> <del>1699元</del> </p> </div> </div> </div> </div> <div></div> </div> </div> </div> <!-- 網(wǎng)頁底部 --> <div> <div> <div> <a href="#"><i class="fa fa-wrench"></i>預(yù)約維修服務(wù)</a><span></span> <a href="#"><i class="fa fa-rotate-right "></i>7天無理由退貨</a><span></span> <a href="#"><i class="fa fa-refresh"></i>15天免費(fèi)換貨</a><span></span> <a href="#"><i class="fa fa-gift"></i>滿150元包郵</a><span></span> <a href="#"><i class="fa fa-map-marker"></i>520余家售后網(wǎng)點(diǎn)</a> </div> <span></span> <div> <div> <dl> <dt>幫助中心</dt> <dd><a href="">賬戶管理</a></dd> <dd><a href="">購物指南</a></dd> <dd><a href="">訂單操作</a></dd> </dl> <dl> <dt>服務(wù)支持</dt> <dd><a href="">售后政策</a></dd> <dd><a href="">自助服務(wù)</a></dd> <dd><a href="">相關(guān)下載</a></dd> </dl> <dl> <dt>線下門店</dt> <dd><a href="">小米之家</a></dd> <dd><a href="">服務(wù)網(wǎng)點(diǎn)</a></dd> <dd><a href="">授權(quán)體驗(yàn)店</a></dd> </dl> <dl> <dt>關(guān)于小米</dt> <dd><a href="">了解小米</a></dd> <dd><a href="">加入小米</a></dd> <dd><a href="">投資者關(guān)系</a></dd> </dl> <dl> <dt>關(guān)注我們</dt> <dd><a href="">新浪微博</a></dd> <dd><a href="">官網(wǎng)微博</a></dd> <dd><a href="">聯(lián)系我們</a></dd> </dl> <dl> <dt>特色服務(wù)<Correcting teacher：天蓬老師Correction time：2019-05-31 14:04:05
Teacher's summary：如果代碼過多, 下次就提交重點(diǎn)部分就可以了..........