merge feature/goodSize

@@ -60,7 +60,8 @@ var limitProductCode,
     // 限购商品的skn。只有限购商品时才会设置。
     // 限购商品的skn。只有限购商品时才会设置。
     skn;
     skn;
 
 
-var $sizeInfo;
+var $sizeInfo,
+    $thumbImg;
 
 
 //禁用数字编辑
 //禁用数字编辑
 function disableNumEdit() {
 function disableNumEdit() {
@@ -91,7 +92,8 @@ function init() {
     isEdit = 0;
     isEdit = 0;
     $mnum = $('#mnum');
     $mnum = $('#mnum');
     discountNum = $mnum.val() - 0;
     discountNum = $mnum.val() - 0;
-    $sizeInfo = $('.size-info'); 
+    $sizeInfo = $('.size-info');
+    $thumbImg = $('.thumb-img');
 }
 }
 
 
 /*
 /*
@@ -361,7 +363,7 @@ function chosedLength() {
 
 
     for (var i = 0; i < chosedStr.length; i++) {
     for (var i = 0; i < chosedStr.length; i++) {
         if (chosedStr.charCodeAt(i) > 255) {
         if (chosedStr.charCodeAt(i) > 255) {
-　　　　　　strlen += 2;
+            strlen += 2;
 　　　　} else { 
 　　　　} else { 
 　　　　　　strlen ++;
 　　　　　　strlen ++;
         }
         }
@@ -751,11 +753,11 @@ $yohoPage.on('click', '.close', function() {
 });
 });
 
 
 $yohoPage.on('touchstart', '.thumb', function() {
 $yohoPage.on('touchstart', '.thumb', function() {
-    if ($(this).hasClass('hover')) {
-        $(this).removeClass('hover');
+    if ($thumbImg.hasClass('hover')) {
+        $thumbImg.removeClass('hover');
     } else {
     } else {
-        $(this).addClass('hover');
-    }  
+        $thumbImg.addClass('hover');
+    }
 })
 })
 
 
 exports.init = init;
 exports.init = init;

@@ -14,7 +14,7 @@
         right: 0;
         right: 0;
         bottom: 0;
         bottom: 0;
         left: 0;
         left: 0;
-        height: 838px;
+        height: 70%;
         background: #fff;
         background: #fff;
     }
     }
 
 
@@ -43,9 +43,9 @@
         border-bottom: 1px solid #e6e6e6;
         border-bottom: 1px solid #e6e6e6;
     }
     }
 
 
-    .thumb {
+    .thumb-img {
         width: 164px;
         width: 164px;
-        min-height: 220px;
+        min-height: 200px;
         position: absolute;
         position: absolute;
         top: -60px;
         top: -60px;
         border: 1px solid #e6e6e6;
         border: 1px solid #e6e6e6;
@@ -241,11 +241,17 @@
         width: 100%;
         width: 100%;
         background-color: black;
         background-color: black;
         height: 100%;
         height: 100%;
-        top: 0px;
-        left: 0px;
-        right: 0px;
-        border: 0px;
+        top: 0;
+        left: 0;
+        right: 0;
+        border: 0;
         z-index: 999;
         z-index: 999;
+        align-items: center;
+        display: flex;
+
+        img {
+            width: 100%;
+        }
     }
     }
 }
 }
 
 

@@ -4,9 +4,11 @@
         <div class="close iconfont">&#xe626;</div>
         <div class="close iconfont">&#xe626;</div>
         <div class="infos {{#if ../tickets}}tickets-info{{/if}}">
         <div class="infos {{#if ../tickets}}tickets-info{{/if}}">
             <div class="basic-info" >
             <div class="basic-info" >
+                <div class="thumb-img">
                 {{#thumbs}}
                 {{#thumbs}}
-                <img class="thumb {{#unless @first}}hide{{/if}}" src={{img}}>
+                    <img class="thumb {{#unless @first}}hide{{/if}}" src={{img}}>
                 {{/thumbs}}
                 {{/thumbs}}
+                </div>
                 <div class="text-info">
                 <div class="text-info">
                     <!-- <p class="name">{{name}}</p> -->
                     <!-- <p class="name">{{name}}</p> -->
                     <p class="price">
                     <p class="price">