From a3258a3da53ca9e93ceeeefa6d309dbd329637bd Mon Sep 17 00:00:00 2001
From: Haoyu Chen <chy66588@hotmail.com>
Date: Fri, 3 Jan 2020 20:46:28 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=85=A8=E9=80=89?=
 =?UTF-8?q?=E7=BB=93=E7=AE=97=E6=A0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../.idea/前端/html/cart.html               | 202 +++++++++++++++++-
 .../.idea/前端/img/checked.png              | Bin 0 -> 1224 bytes
 .../.idea/前端/img/unchecked.png            | Bin 0 -> 658 bytes
 3 files changed, 201 insertions(+), 1 deletion(-)
 create mode 100644 新版闲书网主页/.idea/前端/img/checked.png
 create mode 100644 新版闲书网主页/.idea/前端/img/unchecked.png

diff --git a/新版闲书网主页/.idea/前端/html/cart.html b/新版闲书网主页/.idea/前端/html/cart.html
index ff10003..6721f47 100644
--- a/新版闲书网主页/.idea/前端/html/cart.html
+++ b/新版闲书网主页/.idea/前端/html/cart.html
@@ -15,6 +15,9 @@
 
 </head>
 <style>
+    /* * {
+        box-sizing: content-box !important;
+    } */
     .cart-header, .item-content {
         /* position: relative; */
         width: 990px;
@@ -137,6 +140,162 @@
     .item-content .td-op a {
         padding-bottom: 3px;
     }
+    .float-bar, #footer, .wp {
+        width: 990px;
+        margin: 0 auto;
+    }
+    .float-bar-holder {
+        position: relative;
+        width: 990px;
+        height: 50px;
+        margin: auto;
+    }
+    .group-wrapper {
+        position: absolute;
+        bottom: 49px;
+        width: 100%;
+        z-index: 10001;
+        background-color: #fff;
+        position: relative;
+        bottom: 0;
+    }
+    .float-bar-wrapper {
+        height: 50px;
+        overflow: hidden;
+    }
+    .float-bar .select-all {
+        float: left;
+        width: 50px;
+        height: 50px;
+        line-height: 50px;
+        padding-left: 5px;
+    }
+    .select-all {
+        cursor: pointer;
+    }
+    .select-all .cart-checkbox {
+        vertical-align: middle;
+        margin-top: -2px;
+    }
+    .cart-checkbox {
+        position: relative;
+        display: inline-block;
+        width: 15px;
+        height: 15px;
+        overflow: hidden;
+    }
+    .cart-checkbox input {
+        position: absolute;
+        z-index: 0;
+        left: -20px;
+        top: -20px;
+    }
+    .cart-checkbox label {
+        position: relative;
+        z-index: 1;
+        float: left;
+        width: 15px;
+        height: 15px;
+        background-position: 0 0;
+        line-height: 200em;
+        overflow: hidden;
+        cursor: pointer;
+        background-image: -webkit-image-set(url(../img/unchecked.png) 2x);
+        background-repeat: no-repeat;
+    }
+    .float-bar .operations {
+        float: left;
+        line-height: 50px;
+        height: 50px;
+    }
+    .float-bar .operations a {
+        margin-left: 25px;
+        float: left;
+    }
+    .float-bar .operations {
+        line-height: 50px;
+    }
+    .float-bar-right {
+        float: right;
+        position: absolute;
+        right: 0;
+        top: 0;
+        z-index: 4;
+        padding-left: 20px;
+    }
+    .float-bar-right, .float-bar-wrapper {
+        background: #e5e5e5;
+    }
+    .float-bar .amount-sum em {
+        line-height: 50px;
+        padding: 0 5px;
+    }
+    .float-bar .amount-sum {
+        cursor: pointer;
+    }
+    .float-bar .amount-sum, .float-bar .price-sum {
+        height: 48px;
+        color: #3c3c3c;
+    }
+    .float-bar .amount-sum, .float-bar .price-sum, .float-bar .btn-area {
+        float: left;
+    }
+    .float-bar .amount-sum .arrow-box {
+        float: left;
+    }
+    .float-bar .txt {
+        line-height: 48px;
+    }
+    .float-bar .price-sum .price {
+        color: #f40;
+        font-weight: 400;
+        font-size: 18px;
+        line-height: 48px;
+        font-family: Arial;
+        vertical-align: middle;
+    }
+    .float-bar .amount-sum em, .float-bar .price-sum .price em {
+        color: #f40;
+        font-weight: 700;
+        font-size: 18px;
+        font-family: tohoma,arial;
+    }
+    .float-bar .combine-not-supported:link, .float-bar .combine-not-supported:hover, .float-bar .submit-btn-disabled:link, .float-bar .submit-btn-disabled:hover {
+        background: #B0B0B0;
+        color: #fff;
+        border-left: 1px solid #e7e7e7;
+        width: 119px;
+        cursor: not-allowed;
+        text-decoration: none;
+    }
+    .float-bar .price-sum strong, .float-bar .amount-sum em, .float-bar .price-sum .txt, .float-bar .amount-sum .txt {
+        float: left;
+    }
+    .float-bar .submit-btn {
+        display: inline-block;
+        height: 50px;
+        line-height: 50px;
+        text-align: center;
+        font-family: 'Lantinghei SC','Microsoft Yahei';
+        font-size: 20px;
+    }
+    .pipe, .check-cod {
+        float: left;
+    }
+    .float-bar .pipe {
+        float: left;
+        margin: 0 10px 0 18px;
+        width: 1px;
+        height: 12px;
+    }
+    .float-bar .price-sum .price em {
+        font-weight: 700;
+        font-size: 22px;
+        padding: 0 3px;
+    }
+    address, cite, dfn, em, var {
+        font-style: normal;
+    }
 </style>
 <body>
 
@@ -229,5 +388,46 @@
         </div>
     </li>
 </ul>
-<script>appendBooks()</script>
+<div class="float-bar-holder" id="J_FloatBarHolder">
+    <div id="J_FloatBar" class="float-bar clearfix default" style="position: static;">
+        <div class="float-bar-wrapper">
+            <div id="J_SelectAll2" class="select-all">
+                <div class="cart-checkbox">
+                    <input type="checkbox" class="J_CheckBoxShop" id="J_SelectAllCbx2" name="select-all" value="true">
+                    <label for="J_SelectAllCbx2">勾选购物车内所有商品</label>
+                </div>&nbsp;全选
+            </div>
+            <div class="operations">
+                <a href="#" hidefocus="true" class="J_DeleteSelected">删除</a>
+                <a href="#" hidefocus="true" class="J_ClearInvalid hidden">清除失效宝贝</a>
+                <a href="#" hidefocus="true" class="J_BatchFav">移入收藏夹</a>
+                <a href="#" hidefocus="true" class="J_BatchShare">分享</a>
+            </div>
+            <div class="float-bar-right">
+                <div id="J_ShowSelectedItems" class="amount-sum">
+                    <span class="txt">已选商品</span><em id="J_SelectedItemsCount">0</em>
+                    <span class="txt">件</span><div class="arrow-box">
+                        <span class="selected-items-arrow"></span>
+                        <span class="arrow"></span>
+                </div>
+            </div>
+            <div id="J_CheckCOD" class="check-cod" style="display: none;">
+                <span class="icon-cod"></span>
+                <span class="s-checkbox J_CheckCOD"></span>货到付款
+            </div>
+            <div class="pipe"></div>
+            <div class="price-sum">
+                <span class="txt">合计（不含运费）：</span>
+                <strong class="price"><em id="J_Total">
+                    <span class="total-symbol">&nbsp;</span>0.00</em>
+                </strong></div><div class="btn-area">
+                    <a href="javascript:void(0)" id="J_Go" class="submit-btn submit-btn-disabled" aria-label="请注意如果没有选择宝贝，将无法结算">
+                        <span>结&nbsp;算</span><b></b>
+                    </a>
+                </div>
+        </div>
+    </div>
+</div>
+
+<script></script>
 </html>
\ No newline at end of file
diff --git a/新版闲书网主页/.idea/前端/img/checked.png b/新版闲书网主页/.idea/前端/img/checked.png
new file mode 100644
index 0000000000000000000000000000000000000000..93e2b38748df9ea9c243184f08b469bd1dccb91d
GIT binary patch
literal 1224
zcmeAS@N?(olHy`uVBq!ia0vp^azHG_!3HE3EPS&CNU@|l`Z_W&Z0zU$lgJ9>D<pda
z`7$t6sWC7#v@kII0tz*}U|=XUU|@Kaz`$TNgMmT3V9u^U8=yo$YJ_K+uP=iZkj=rs
z#3;nT3}i6^Awzp60}GhVzyLG}2$&ZzB4igZ!DZzZFvHnWAceXz`)>mciOdX%D2ed(
zu}aR*)k{ptPfFFR$SnXVV6dsM0y1+`OA-|-a&z*EttxDlz$&bOY>=?Nk^)#sNw%$0
zgl~X?bAC~(f~lT~o`I4bmx6+VO;JjkRgjAtR6CGotCUevQedU8UtV6WS8lAAUzDzI
zXlZGwZ(yWvWTXpJp<7&;SCUwvn^&w1F$89gOKNd)QD#9&W`3Rm$lS!F{L&IzB_)tW
zZ~$><NoE?tro3XPw}2kh2g&Fg>KW+6%?4_<0f}1q7iFdbZ3dZdXJ`Xfi6REI$3`Dy
zIg(=_J_U;cy=up0qYn=@J1(C?>X8f#Op`oa978;Kk52Q=5Ox%4*uPfk)lzoHi`^Nn
zE?WO&T9z%4@VMB#tzwJU)<^!LQxkGs6_>H{_imZ=Vy)H+_NDC62jzVDT@_bW3AhOI
zYgGgagsf_>cx9!ZsDAUzve~cL<W;OcKim8LY;}IRkoM%0H?DZpJuhl`@A~t`4M*oK
zx3!L5nd;Xh*M6D#!%NfE$9HcOp1bYu=iPoq`<S^~oz5A|NdKm|XO6}(ulr5U`!^UT
zZ@YRY?W)@2c>9DG8G^5RmhC^ZbX(20t&Hma4Gw!!?lE<|QLorArQ*{*aUm8d>4Udq
z_;y^mzfZ&~Msx0D%_aLct@cv8XZ`K6+HS4sKQ5%Mu|58EA{U=cq4=_pnR}P46kYvy
zQCn9h<F@p)gdO5``@eG~zWDSl=u!6ao~?V5yj$L!lS@9!I!)o)13?MT125Bld^lC`
zAw<PW!8})wbBk%-tEq0yrXhU0I%L}KiN)_QwR^KqgX`XgGVL$Dmd1})9{lMeyCV4+
z`}8u8=u@dr*<OTSXze~7{w1dQX+ZG)5d9a82NvIc_;yOzNrn5jwcF1M=|{6N_a~k#
znqK>J3CF!H%t4Y9?oR9e^8SyW_#G+VgR__CdEcy1ddn@kTqz<=``Ur8=?miOoxL6g
zJ-S`E{p6xwPL--|qL0|Rn_qRy)-${{ynMIu__tl&I^l``HP+-C)oNw<Y%tpLYRaz!
z`7d`EPc8{zSyz|5mE+4B-U(r69c>QYvM*v-XUABXsMWcvUU0YNsW%Cn*ER@FdbKqB
zPFh>ocm3V{Gk<BB{7c|m)YoQf!Kpj9b;7H#rEhuO><*am|LFFAuOC03{r>mP*&F=s
zdc2QIDCbT5X?b>2oN2`I371x#-|wIrR=V`sl?QBAk8{kVW3Ff^{oUU4pW)Pmo!xsF
Rl0Jhnx~Hq3%Q~loCIDe)-Mjz*

literal 0
HcmV?d00001

diff --git a/新版闲书网主页/.idea/前端/img/unchecked.png b/新版闲书网主页/.idea/前端/img/unchecked.png
new file mode 100644
index 0000000000000000000000000000000000000000..bbf7fbb770bbc60b1b8827332c25183ca68237b8
GIT binary patch
literal 658
zcmeAS@N?(olHy`uVBq!ia0vp^QXtI11|(N{`J4k%Ea{HEjtmSN`?>!lvI6-E$sR$z
z3=CCj3=9n|3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBC=rkv;hE;^%b*2hb1*P5
z3NbJPS&Tr)(4NV_0%kKX08Ih{<^_xh*#%5+S*Zog2sTJzoX89jpdpc&ArU1JzCKpT
z`MG+DDfvmMdKI|^AO#FI6;?oIZfZ%QLPc&)Ua?h$trA#;6_5=Q)>l#hD=EpgRf_Np
zP;kyKN>wn`Gto0pvg1-vP_QXVNwW%aaf50H@@$ndN=gc>^!3Zj%k|2Q_413-^$jg8
zE%gnI^o@*kfhu&1EAvVcD|GXUl_7?}%yCIAPA<wUD9OyvQvjKpn3P{yVymPCvIq_!
z?kvenL)es84D}Y!gZdyDeM3D1eYn{`tu`Q0EB~U*RG`fu^X&|6z$#J1p!V44gDgjK
z48*5kQJ`1txNP*{!Dh$hb4WcB7?LrbE{-7{yl<x+<YG|ZaMu2%^*_FTwL?L<a#_@L
zw!XIWe17Hj%>`nL%F1P|Gb2x~FL!xTy`@j&i;ew4VJm?P=?q=#1a|2e{%GaX*yZ$M
m*O3Ru#X@d#Y0YQNbrZj1#BpQ#x=asHlzF=PxvX<aXaWGRoU?!c

literal 0
HcmV?d00001