默认更改列表

public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/PackageIndexNEITaskDetails.js

@@ -318,7 +318,7 @@ class PackageIndexNEITaskDetails extends Component {
 												return(
 													<div className="ysldivhomediv1 homehove">
 														<img className="div1img" src={item.url}/>
-														<div className="textall mt10" title={item.name}>{item.name}</div>
+														<div className="textall mt10" title={item.name}> <p className="ptext">{item.name}</p></div>
 														<a className="ContacttheTAs fl none">
 															<img alt="头像" className="mr5" src={require('./newstwo.png')}/>联系TA
 														</a>
@@ -359,7 +359,7 @@ class PackageIndexNEITaskDetails extends Component {
 											<div className="ysldivhomediv1" onClick={()=>this.Clickteacher2(item.id)}>
 												{item.bool===true?<img src={gouxuan} className="yslgouxuanimg"/>:<img src={weigouxuan} className="yslgouxuanimg"/>}
 												<img className="div1img" src={item.url}/>
-												<span className={item.bool===true?"textall mt10 color-blue":"textall mt10"} title={item.name}>{item.name}</span>
+												<span className={item.bool===true?"textall mt10 color-blue":"textall mt10"} title={item.name}> <p className="ptext">{item.name}</p></span>
 											</div>
 										)
 									})}

public/react/src/modules/projectPackages/PackageIndexNEITaskDetails/pds.css

@@ -13,11 +13,11 @@
 
 }
 .ysldivhomediv1{
-    width: 75px;
-    height: 110px;
+    width: 80px;
+    height: 130px;
     display: flex;
     flex-direction:column;
-    margin-left: 53px;
+    margin-left: 48px;
     margin-top: 20px;
 }
 .yslgouxuanimg{
@@ -32,8 +32,8 @@
 .div1img{
     display: flex;
     justify-content:center;
-    width: 70px;
-    height: 70px;
+    width: 80px;
+    height: 80px;
     border-radius:50%;
 
 }
@@ -41,6 +41,10 @@
     text-align: center;
     font-size: 13px;
     color: #4B4B4B;
+
+}
+.ptext{
+    width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
 }
 .ysllogin_section {
     display: flex;