修复店铺列表字段显示问题

components/mobile/store/StoreDetail.vue

@@ -97,42 +97,42 @@
             <div class="list">
               <div class="fl">
                 <div class="name">品牌：</div>
-                <div class="text">{{item.brandNameEn}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.brandNameEn}}</div>
               </div>
               <div class="fl">
                 <div class="name">交期(天)：</div>
-                <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
-                <div class="text" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
+                <div class="text overHidden" style="width: 1.8rem" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery != item.b2cMinDelivery)" v-text="item.b2cMinDelivery + '-'+ item.b2cMaxDelivery"></div>
+                <div class="text overHidden" style="width: 1.8rem" v-if="item.b2cMaxDelivery && (item.b2cMaxDelivery == item.b2cMinDelivery)" v-text="item.b2cMinDelivery"></div>
               </div>
             </div>
             <div class="list">
               <div class="fl">
                 <div class="name">物料名称(类目)：</div>
-                <div class="text">{{item.kindNameCn || '-'}}</div>
+                <div class="text overHidden" style="width: 1rem">{{item.kindNameCn || '-'}}</div>
               </div>
               <div class="fl">
                 <div class="name">库存：</div>
-                <div class="text">{{item.reserve || '-'}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.reserve || '-'}}</div>
               </div>
             </div>
             <div class="list">
               <div class="fl">
                 <div class="name">型号：</div>
-                <div class="text">{{item.code || '-'}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.code || '-'}}</div>
               </div>
               <div class="fl">
                 <div class="name">起拍：</div>
-                <div class="text">{{item.minBuyQty || '-'}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.minBuyQty || '-'}}</div>
               </div>
             </div>
             <div class="list">
               <div class="fl">
                 <div class="name">规格：</div>
-                <div class="text">{{item.spec || '-'}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.spec || '-'}}</div>
               </div>
               <div class="fl">
                 <div class="name">包装：</div>
-                <div class="text">{{item.packaging || '无包装信息'}}</div>
+                <div class="text overHidden" style="width: 2.3rem">{{item.packaging || '无包装信息'}}</div>
               </div>
             </div>
             <div class="list">
@@ -144,7 +144,7 @@
               </div>
               <div class="fl">
                 <div class="name">生产日期：</div>
-                <div class="text" :title="item.produceDate">{{item.produceDate || '-'}}</div>
+                <div class="text overHidden" style="width: 1.75rem" :title="item.produceDate">{{item.produceDate || '-'}}</div>
               </div>
             </div>
             <div class="list">
@@ -406,7 +406,11 @@
     background: #f7f7f7;
     top: 5% !important;
   }
-
+  .overHidden {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
   .store-detail {
     padding: 0 !important;;
     margin: 0.88rem auto 0rem;
@@ -641,9 +645,6 @@
         .fl {
           width: 3.2rem;
           float: left;
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
         }
         .fr {
           text-align: left;