1

2018专题/2018全明星赛专题_pc/src/_index.html

@@ -112,9 +112,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span class="winner">WE</span>
+                                                    <span class="winner right" title='WE'>WE</span>
                                                     <span class="score">2：1</span>
-                                                    <span>TOP</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-live">直播</a>
@@ -134,9 +134,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -156,9 +156,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -178,9 +178,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -200,9 +200,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -222,9 +222,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -244,9 +244,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -272,9 +272,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span class="winner">WE</span>
+                                                    <span class="winner right" title='WE'>WE</span>
                                                     <span class="score">2：1</span>
-                                                    <span>TOP</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-live">直播</a>
@@ -294,9 +294,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -316,9 +316,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -338,9 +338,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -360,9 +360,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -382,9 +382,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -404,9 +404,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -432,8 +432,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span class="winner">WE</span>
+                                                    <span class="winner right" title='WE'>WE</span>
                                                     <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                     <span>TOP</span>
                                                 </td>
                                                 <td class="td-item4">
@@ -454,9 +455,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -476,9 +477,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -498,9 +499,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -520,9 +521,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -542,9 +543,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>
@@ -564,9 +565,9 @@
                                                     2018.12.06 14:00
                                                 </td>
                                                 <td class="td-item3">
-                                                    <span>WE</span>
-                                                    <span class="score">1：2</span>
-                                                    <span class="winner">TOP</span>
+                                                    <span class="winner right" title='WE'>WE</span>
+                                                    <span class="score">2：1</span>
+                                                    <span class="left" title="TOP">TOP</span>
                                                 </td>
                                                 <td class="td-item4">
                                                     <a href="#" target="_blank" class="btn btn-playback">回放</a>

2018专题/2018全明星赛专题_pc/src/sass/global.scss

@@ -385,12 +385,24 @@ sans-serif;
                                             }
 
                                             &.td-item3 {
+                                                display: flex;
+                                                span{
+                                                    display: inline-block !important;
+                                                    overflow: hidden;
+                                                }
+                                               
                                                 .winner {
                                                     color: #e54747;
                                                 }
 
                                                 .score {
-                                                    padding: 0 10px;
+                                                    padding: 0 5px;
+                                                }
+                                                .right,.left{
+                                                   
+                                                    width: 50px;
+                                                    text-align: center;
+                                                    @include ellipsis();
                                                 }
                                             }