فهرست منبع

移动端适配优化

tangxijun 5 سال پیش
والد
کامیت
5e9b359977
2فایلهای تغییر یافته به همراه28 افزوده شده و 18 حذف شده
  1. 12 11
      2019专题/1908DOTA2/src/_index.html
  2. 16 7
      2019专题/1908DOTA2/src/sass/global.scss

+ 12 - 11
2019专题/1908DOTA2/src/_index.html

@@ -370,6 +370,8 @@
                                 <span>B组</span>
                             </div>
                         </div>
+                 
+                        <div class="score-rank-content scroe-content-three">
                         <ul class="scroe-content-box scroe-content-title">
                                 <li>排名</li>
                                 <li>战队</li>
@@ -381,8 +383,6 @@
                                 <li>总积分</li>
                                 <li>晋级状态</li>
                             </ul>
-                        <div class="score-rank-content scroe-content-three">
-                          
                             <div class="score-content show group-winner" data-mt="1_1">
                                 <ul class="scroe-content-box scroe-content-info">
                                     <li>小A</li>
@@ -575,16 +575,17 @@
                               
                             </div>
                         </div>
-                    
-                        <ul class='scroe-content-h5-box scroe-content-h5-title'>
-                            <li >战队</li>
-                            <li >胜场</li>
-                            <li >平局</li>
-                            <li >负场</li>
-                            <li >积分</li>
-                            <li >晋级情况</li>
-                        </ul>
+                  
                         <div class="scroe-content-h5-wrap">
+                              
+                            <ul class='scroe-content-h5-box scroe-content-h5-title'>
+                                <li >战队</li>
+                                <li >胜场</li>
+                                <li >平局</li>
+                                <li >负场</li>
+                                <li >积分</li>
+                                <li >晋级情况</li>
+                            </ul>
                             <div class=" scroe-h5-content">
                                     <ul class='scroe-content-h5-box '>
                                         <li >

+ 16 - 7
2019专题/1908DOTA2/src/sass/global.scss

@@ -1313,17 +1313,20 @@ $vari: 750 / 640;
         width:100%;
         display: flex;
         flex-wrap: wrap;
-       
+       justify-content: center;
+       align-items: center;
         .link-more{
             display: none;
         }
-        padding: 0 px2rem(-20) 0 px2rem(16);
+        // padding: 0 px2rem(-20) 0 px2rem(16);
         box-sizing: border-box;
         .video-item{
-            width: px2rem(350);
-            margin: 0 px2rem(20) px2rem(16) 0;
+            width: px2rem(328);
+            // margin: 0 px2rem(20) px2rem(16) 0;
             height:auto;
-            min-height:auto
+            min-height:auto;
+            margin:0;
+            padding:0 px2rem(15)
         }
         .img-wrap{
             height: px2rem(200);
@@ -1337,13 +1340,19 @@ $vari: 750 / 640;
         .list-team{
             width:100%;
             max-height: px2rem(540);
-            padding: 0 px2rem(-20) 0 px2rem(20);
+            // padding: 0 px2rem(-20) 0 px2rem(20);
+            display: flex;
+            align-items: center;
+            // justify-content: center;
+            flex-wrap: wrap;
         }
         .team-item{
-            width: px2rem(145);
+            margin:0 ;
+            width: px2rem(155);
             height: px2rem(155);
             font-size: px2rem(24);
             line-height: px2rem(40);
+            margin:px2rem(15) px2rem(15);
             &.ext-more,&.ext-close {
                 line-height: px2rem(40);
                 p{