产品验收问题

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

@@ -64,7 +64,8 @@ var discountNum = $('#mnum').val() - 0,
 
 var C_ID;
 
-var sizeInfo;
+var sizeInfo,
+    thumbImg;
 
 require('../common');
 
@@ -98,6 +99,7 @@ function init() {
     curSizeIndex = 0;
     isEdit = 0;
     sizeInfo = $('.size-info');
+    thumbImg = $('.thumb-img');
 }
 
 /*
@@ -828,10 +830,11 @@ $('.close').on('click', function() {
 });
 
 $('.thumb').on('touchstart', function() {
-    if ($(this).hasClass('hover')) {
-        $(this).removeClass('hover');
+
+    if (thumbImg.hasClass('hover')) {
+        thumbImg.removeClass('hover');
     } else {
-        $(this).addClass('hover');
+        thumbImg.addClass('hover');
     }
 });
 

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