解决寄售店铺--产品列表，价格和交期数据过长时重叠的问题

components/store/home/CommodityList.vue

@@ -88,7 +88,7 @@
             </td>
             <td>
               <div class="amount">
-                <div  v-for="price in commodity.prices" v-text="price.start + '+'"></div>
+                <div  v-for="price in commodity.prices" v-text="price.start + '+'" :title="price.start + '+'"></div>
               </div>
               <!--<div v-show="commodity.currencyName.indexOf('USD')==-1 || !commodity.prices">
                 <span>—</span>
@@ -99,10 +99,10 @@
                   <span>—</span>
                 </div>
                 <template v-if="commodity.currencyName === 'RMB'">
-                  <div v-for="price in commodity.prices">￥{{price.rMBPrice | currency}}</div>
+                  <div v-for="price in commodity.prices" :title="'￥' + price.rMBPrice">￥{{price.rMBPrice | currency}}</div>
                 </template>
                 <template v-else>
-                  <div v-for="price in commodity.prices">${{price.uSDPrice | currency}}</div>
+                  <div v-for="price in commodity.prices" :title="'$' + price.uSDPrice">${{price.uSDPrice | currency}}</div>
                 </template>
               </div>
             </td>
@@ -671,19 +671,29 @@
     /*color: #f01010;*/
   }
   #goodslist-content .amount {
-    width: 60%;
+    width: 50%;
     float: left;
     padding-left: 30px;
     text-align:left;
   }
+  #goodslist-content .amount div{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   #goodslist-content .amount div:last-child{
     /*color: #f01010;*/
   }
   #goodslist-content .price {
-    width: 40%;
+    width: 50%;
     float:right;
     text-align:left;
   }
+  #goodslist-content .price div {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   #goodslist-content .price div:last-child{
     color: #f01010;
   }