abstract：//html頁面代碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &nb
//html頁面代碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/base.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <link rel="stylesheet" type="text/css" href="css/cart.css"/> <link rel="stylesheet" type="text/css" href="font-awesome/css/font-awesome.min.css"> <script type="text/javascript" src="js/jquery-v-3.4.1.js"></script> <script src="js/cart.js" type="text/javascript" charset="utf-8"></script> </head> <body> <header> <div class="main"> <div class="fl"><b>我的購物車</b>溫馨提示：產(chǎn)品是否購買成功，以最終下單為準哦，請盡快結(jié)算</div> <div class="fr"> <span> <a href="#">我是XXX</a><i class="fa fa-angle-down fa-1x"></i> <ul> <li>個人中心</li> <li>我的喜歡</li> <li>評價曬單</li> <li>小米賬戶</li> <li>退出登錄</li> </ul> </span> <a href="#">我的訂單</a> </div> </div> </header> <div class="clear"></div> <section style="background: #f5f5f5;padding: 30px 0;"> <div class="main"> <div class="cart_box"> <div class="cart_title"> <dl> <dd><i class="fa fa_cart fa-check cart_xz" id="allXz"></i><label>全選</label></dd> <dd> </dd> <dd>商品名稱</dd> <dd>單價</dd> <dd>數(shù)量</dd> <dd>小計</dd> <dd>操作</dd> </dl> </div> <div class="clear"></div> <ul id="list_item_box" > <li class="list_item"> <dl> <dd><i class="fa fa_cart fa-check cart_xz "></i></dd> <dd><img src="img/phone/phone1.png" alt=""></dd> <dd class="text_1">小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標準版 64GB 白色 64GB</dd> <dd><em class="cart_dj">3199</em>元</dd> <dd> <label> <button type="button" class="cart_btnjian">-</button> <input type="number" value="1"> <button type="button" class="cart_btnjia">+</button> </label> </dd> <dd><em class="cart_xj">3199</em>元</dd> <dd><i class="fa fa-times"></i></dd> </dl> </li> <li class="list_item"> <dl> <dd><i class="fa fa_cart fa-check cart_xz "></i></dd> <dd><img src="img/phone/phone1.png" alt=""></dd> <dd class="text_1">小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標準版 64GB 白色 64GB</dd> <dd><em class="cart_dj">3199</em>元</dd> <dd> <label> <button type="button" class="cart_btnjian">-</button> <input type="number" value="1"> <button type="button" class="cart_btnjia">+</button> </label> </dd> <dd><em class="cart_xj">3199</em>元</dd> <dd><i class="fa fa-times"></i></dd> </dl> </li> <li class="list_item"> <dl> <dd><i class="fa fa_cart fa-check cart_xz "></i></dd> <dd><img src="img/phone/phone1.png" alt=""></dd> <dd class="text_1">小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標準版 64GB 白色 64GB</dd> <dd><em class="cart_dj">3199</em>元</dd> <dd> <label> <button type="button" class="cart_btnjian">-</button> <input type="number" value="1"> <button type="button" class="cart_btnjia">+</button> </label> </dd> <dd><em class="cart_xj">3199</em>元</dd> <dd><i class="fa fa-times"></i></dd> </dl> </li> </ul> <div class="clear"></div> </div> <div class="js"> <div class="fl"><a href="#">繼續(xù)購物</a> <em>|</em> 共<i class="tojs">0</i>件商品，已選擇<i class="xzjs">0</i>件</div> <div class="fr">合計：<b>3199</b>元 <button>去結(jié)算</button></div> </div> <div class="clear"></div> <div class="miproduct_box"> <h3 class="cart_main_title"><span>買購物車中商品的人還買了</span></h3> <section> <div class="fl"> <a><img src="img/buy/手機AD.jpg" alt=""></a> </div> <div class="fr"> <ul> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a> </li> <li > <a href=""> <img src="img/buy/手機1.jpg"> <p class="text_a">小米5X 4G+64G</p> <p class="text_b">光學變焦雙攝，拍人更美</p> <p class="text_b"><b>1４99元</b></p> </a>Correcting teacher：天蓬老師Correction time：2019-05-17 17:44:48
Teacher's summary：又是一個代碼不完整的作業(yè) , 以后這樣的過多的代碼, 只需要提交關(guān)鍵代碼片斷就可以了