摘要：代碼跟著老師的代碼敲下來的，第一次作這個需要先把思路縷清了。然后代碼實(shí)現(xiàn)方面，有點(diǎn)點(diǎn)難度。<div class="cart">    <div class="list list-title">        <div class="select select-

代碼跟著老師的代碼敲下來的，第一次作這個需要先把思路縷清了。然后代碼實(shí)現(xiàn)方面，有點(diǎn)點(diǎn)難度。

<div class="cart">
   <div class="list list-title">
       <div class="select select-all"><i class="fa fa-check" id="check-all"></i>全選</div>
       <div class="good-img"></div>
       <div class="good-name" style="font-size:14px; ">商品名稱</div>
       <div class="good-price">單價</div>
       <div class="good-num">數(shù)量</div>
       <div class="good-total-price"style="color:#424242;">小計</div>
       <div class="operation">操作</div>
   </div>
   <div class="list list-item">
       <div class="select"><i class="fa fa-check"></i></div>
       <div class="good-img"><img src="static/images/phone/phone1.png" alt=""></div>
       <div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>
       <div class="good-price">3199元</div>
       <div class="good-num">
           <div class="num-input">
               <button class="minus">-</button>
               <input type="text" value="1" class="num-value">
               <button class="plus">+</button>
           </div>
       </div>
       <div class="good-total-price">3199元</div>
       <div class="operation"><i class="fa fa-times"></i></div>
   </div>
   <div class="list list-item">
       <div class="select"><i class="fa fa-check"></i></div>
       <div class="good-img"><img src="static/images/phone/phone1.png" alt=""></div>
       <div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>
       <div class="good-price">3199元</div>
       <div class="good-num">
           <div class="num-input">
               <button class="minus">-</button>
               <input type="text" value="1" class="num-value">
               <button class="plus">+</button>
           </div>
       </div>
       <div class="good-total-price">3199元</div>
       <div class="operation"><i class="fa fa-times"></i></div>
   </div>
   <div class="list list-item">
       <div class="select"><i class="fa fa-check"></i></div>
       <div class="good-img"><img src="static/images/phone/phone1.png" alt=""></div>
       <div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存 陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>
       <div class="good-price">3199元</div>
       <div class="good-num">
           <div class="num-input">
               <button class="minus">-</button>
               <input type="text" value="1" class="num-value">
               <button class="plus">+</button>
           </div>
       </div>
       <div class="good-total-price">3199元</div>
       <div class="operation"><i class="fa fa-times"></i></div>
   </div>
   <div class="list list-total">
       <div class="list-total-left">
           <span class="notice"><a href="">繼續(xù)購物</a></span>
           <span class="statistics">共 <span class="all-count">0</span> 件商品，已選擇 <span class="select-count">0</span> 件</span>
       </div>
       <div class="list-total-right">
           <div class="total-price">合計: <span class="sum-price">0</span> 元</div>
           <a href="#"><button class="submit-cart">去結(jié)算</button></a>
       </div>
   </div>
</div>

批改老師：滅絕師太批改時間：2019-01-17 13:31:03
老師總結(jié)：相信現(xiàn)在再完成一次就簡單的多，不熟悉的地方可以敲上備注，方便記憶