add animate

@@ -135,7 +135,10 @@
 
 
                         <li class="relative clearfix center">
+                            <div id="qrcode-placeholder" style="width: 270px;height: 140px;"></div>
                             <div id="qrcode-container" class="qrcode"></div>
+                            <div id="qrcode-helper" class="qrcode-helper hide"></div>
+                            <div id="qrcode-hover" class="qrcode-hover"></div>
                             <div id="qrcode-overlay"></div>
                         </li>
 

@@ -339,6 +339,8 @@ const _getSkuDataByProductBaseInfo = (data) => {
             // 默认第一张图片
             if (pos === 0) {
                 defaultImage = helpers.image(cur.colorImage, 420, 560);
+                console.log(cur.colorImage);
+                console.log(defaultImage);
             }
 
             // 商品的尺码列表

@@ -16,8 +16,8 @@ module.exports = {
     siteUrl: 'http://www.yohobuy.com',
     domains: {
         favApi: 'http://192.168.102.31:8092/brower',
-        api: 'http://api-test3.yohops.com:9999/',
-        service: 'http://service-test3.yohops.com:9999/',
+        api: 'http://api-test1.yohops.com:9999/',
+        service: 'http://service-test1.yohops.com:9999/',
         search: 'http://192.168.102.216:8080/yohosearch/'
     },
     subDomains: {

@@ -1093,12 +1093,19 @@ $deviceSwitcher.on('click', function() {
     }
 });
 
-$qrCodeContainer.on('mouseenter', function() {
-    $qrCodeOverLayer.addClass('qrcode-overlay-helper');
-});
-
-$qrCodeOverLayer.on('mouseleave', function() {
-    $qrCodeOverLayer.removeClass('qrcode-overlay-helper');
+// 鼠标移动到上面
+$('#qrcode-hover').hover(function() {
+    $qrCodeContainer.stop(false, true).animate({left: '-=65'}, {
+        complete: function() {
+            $('#qrcode-helper').removeClass('hide');
+        }
+    });
+}, function() {
+    $qrCodeContainer.stop(false, true).animate({left: '+=65'}, {
+        start: function() {
+            $('#qrcode-helper').addClass('hide');
+        }
+    });
 });
 
 $qrCodeOverLayer.on('click', '#qrcode-refresh-btn', function() {

@@ -266,9 +266,11 @@
     }
 
     .qrcode {
+        position: absolute;
         height: 140px;
         width: 140px;
-        margin: 0 auto;
+        left: 65px;
+        top: 0;
     }
 
     .qrcode-overlay {
@@ -279,12 +281,13 @@
         height: 160px;
     }
 
-    .qrcode-overlay-helper {
+    .qrcode-helper {
         position: absolute;
         background: url(/passport/qrcode-example.png) no-repeat !important;
-        top: 0;
-        width: 296px;
-        height: 160px;
+        top: -14px;
+        right: -45px;
+        width: 167px;
+        height: 150px;
     }
 
     .qrcode-overlay-success {
@@ -296,6 +299,14 @@
         height: 140px;
     }
 
+    .qrcode-hover {
+        position: absolute;
+        top: 0;
+        left : 0;
+        width: 270px;
+        height:140px;
+    }
+
     .qrcode-overlay-fail {
         position: absolute;
         background: url(/passport/qrcode-blank.png) no-repeat !important;
@@ -311,7 +322,7 @@
     }
 
     .qrcode-err-tip {
-        margin-top: 40px ;
+        margin-top: 40px;
         margin-bottom: 10px;
         font-weight: bold;
         font-size: 13px;
@@ -332,6 +343,6 @@
         font-size: 13px;
         line-height: @height;
         cursor: pointer;
-        border-radius:5px
+        border-radius: 5px
     }
 }