Authored by xuqi

suspend cart

1 -@import "new-arrival", "discount", "list", "detail";  
  1 +@import "new-arrival", "discount", "list", "detail", "suspend-cart";
  1 +.suspend-cart {
  2 + position: fixed;
  3 + width: 44px;
  4 + height: 44px;
  5 + line-height: 44px;
  6 + border-radius: 50%;
  7 + background: rgba(0,0,0,0.3);
  8 + text-align: center;
  9 + right: 15px;
  10 + bottom: 70px;
  11 + z-index: 10;
  12 +
  13 + .iconfont {
  14 + color: #fff;
  15 + font-size: 22px;
  16 + }
  17 +
  18 + .cart-count {
  19 + position: absolute;
  20 + width: 18px;
  21 + height: 18px;
  22 + line-height: 18px;
  23 + border-radius: 50%;
  24 + background: #f00;
  25 + top: 0;
  26 + right: 0;
  27 + color: #fff;
  28 + }
  29 +}
@@ -120,4 +120,6 @@ @@ -120,4 +120,6 @@
120 {{#if query}} 120 {{#if query}}
121 <input id="query" type="hidden" value={{query}}> 121 <input id="query" type="hidden" value={{query}}>
122 {{/if}} 122 {{/if}}
  123 +
  124 + {{> product/suspend-cart}}
123 {{/ goodList}} 125 {{/ goodList}}
  1 +<div id="suspend-cart" class="suspend-cart">
  2 + <a href={{cartUrl}}>
  3 + <span class="iconfont">&#xe62c;</span>
  4 + </a>
  5 + <span class="cart-count hide">1</span>
  6 +</div>