增加预售商品的提示

@@ -28,6 +28,11 @@
     {{/if}}
     {{/if}}
     {{#if advanceCart}}
     {{#if advanceCart}}
     <div class="cart-content advance-good active">
     <div class="cart-content advance-good active">
+        <p class="presell-info">
+            <span class="iconfont">&#xe61a;</span>
+            <span class="txt">由于商品上市期不同，先到的将先发货</span>
+            <span class="txt">预售商品不参加活动，不可使用优惠券</span>
+        </p>
         {{#preSellCart}}
         {{#preSellCart}}
             {{> cart-content}}
             {{> cart-content}}
         {{/preSellCart}}
         {{/preSellCart}}

@@ -61,6 +61,15 @@ let cartObj = {
                 window.location.href = '/cart/index/new/gift?cartType=' + cartType;
                 window.location.href = '/cart/index/new/gift?cartType=' + cartType;
             }
             }
         });
         });
+        if (typeof window.cookie === 'function' && window.cookie('_hasShowCartPresellTip') === 'y') {
+            $('#presell-tip').removeClass('show').addClass('hide');
+        } else {
+            $('#presell-tip').removeClass('hide').addClass('show');
+            setTimeout(function() {
+                $('#presell-tip').removeClass('show').addClass('hide');
+                window.setCookie('_hasShowCartPresellTip', 'y');
+            }, 3000);
+        }
     },
     },
     toBalance() {
     toBalance() {
         let cartType = window.cookie('cartType') || 'ordinary';
         let cartType = window.cookie('cartType') || 'ordinary';

@@ -4,10 +4,35 @@
 
 
     .cart-content {
     .cart-content {
         display: none;
         display: none;
+        margin-top: 20px;
 
 
         &.active {
         &.active {
             display: block;
             display: block;
         }
         }
+
+        .presell-info {
+            margin-top: -20px;
+            height: 105px;
+            padding: 17px 35px;
+            font-size: 25px;
+            background: #f0f0f0;
+            color: #b7b7b7;
+
+            > span {
+                display: block;
+            }
+
+            .iconfont {
+                float: left;
+                font-size: 52px;
+            }
+
+            .txt {
+                height: 35px;
+                line-height: 35px;
+                margin-left: 93px;
+            }
+        }
     }
     }
 
 
     .box {
     .box {
@@ -21,7 +46,6 @@
 
 
     .cart-nav {
     .cart-nav {
         color: #c6c6c6;
         color: #c6c6c6;
-        margin-bottom: 20px;
         border-bottom: 1PX solid #e0e0e0;
         border-bottom: 1PX solid #e0e0e0;
         background: #fff;
         background: #fff;