rank modify

src/components/activity/newyear-2019/treasure-box/rank.js

@@ -81,7 +81,7 @@ class TreasureRank extends Component {
                   }
                 </dd>
                 <dd className="rank-column">
-                  <span>{item.user_name}</span>
+                  <span className="rank-column__name">{item.user_name}</span>
                 </dd>
                 <dd className="rank-column">
                   <span>{item.num}</span>
@@ -97,7 +97,7 @@ class TreasureRank extends Component {
             ))
           }
           <div className="rank-more" onClick={this.switchMoreRank}>
-            <span className="rank-more__txt">展开</span>
+            <span className="rank-more__txt">{isMore? '展开' : '收起'}</span>
             <i className="rank-more__icon" data-more={isMore}></i>
           </div>
         </div>

src/components/activity/newyear-2019/treasure-box/rank.scss

@@ -120,12 +120,21 @@
     }
   }
 
+  .rank-column__name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .rank-column__txt {
     display: inline-block;
     width: 100%;
     box-sizing: border-box;
     padding: 0 5px;
     text-align: left;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
   a.rank-column__txt {