增加省略号

client/components/BreakageComponent/BreakageProductDetail/BreakageProductDetail.jsx

@@ -40,7 +40,7 @@ class BreakageProductDetail extends React.Component{
                                        <img src={breakageProductInfo.product.skuImage} alt=""/>
                                        <img src={breakageProductInfo.product.skuImage} alt=""/>
                                     </div>
                                     </div>
                                     <div style={{marginTop:UTILPATH.getRemByPx(30),textAlign:'left',marginLeft:UTILPATH.getRemByPx(10)}}>
                                     <div style={{marginTop:UTILPATH.getRemByPx(30),textAlign:'left',marginLeft:UTILPATH.getRemByPx(10)}}>
-                                        <h2 className={'col333 font40'} style={{fontWeight:'800'}}>{breakageProductInfo.product.skuName}</h2>
+                                        <h2 className={'col333 font40'} style={{fontWeight:'800',width:'4.5rem',overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'nowrap'}}>{breakageProductInfo.product.skuName}啊士大夫艰苦就</h2>
                                         <p className={'col333 font28'} style={{marginTop:UTILPATH.getRemByPx(20)}}><span>条形码:</span>{breakageProductInfo.product.barcode}</p>
                                         <p className={'col333 font28'} style={{marginTop:UTILPATH.getRemByPx(20)}}><span>条形码:</span>{breakageProductInfo.product.barcode}</p>
                                     </div>
                                     </div>
                                  </div>
                                  </div>

client/components/BreakageComponent/BreakageProductDetail/index.css

@@ -136,7 +136,7 @@
 }
 }
 
 
 .pagebox .breakProductStatus p span.active {
 .pagebox .breakProductStatus p span.active {
-    border: 2px solid #05bb09;
+    border: 1px solid #05bb09;
     color: #05bb09;
     color: #05bb09;
 }
 }