德玛西亚杯

2018专题/德玛西亚杯/src/_index.html

@@ -390,7 +390,7 @@
                                 <div class="team_win">
                                     <div class="team_logo team_com">
                                         <div class="team_logo_logo">
-                                            <img src="/src/img/edg.png" alt="">
+                                           
                                         </div>
                                     </div>
                                     <div class="team_name team_com">
@@ -874,42 +874,42 @@
                     <div class="allstar-pic__left">
                         <a href="http://lol.duowan.com/1810/404077990015.html">
                             <img src="http://img5.dwstatic.com/lol/1810/404078385861/1540123244017.jpg" alt="淘汰赛第二日图集：EDG已经精疲力竭">
-                            <!-- <div class="pic-hover">
+                            <div class="pic-hover">
                                 <div class="pic-title">淘汰赛第二日图集：EDG已经精疲力竭</div>
-                                <span class="pic-ver"></span>
-                            </div> -->
+                                <!-- <span class="pic-ver"></span> -->
+                            </div>
                         </a>
                     </div>
                     <div class="allstar-pic__mid">
                         <a href="http://lol.duowan.com/1811/405200109477.html" class="pic-top">
                             <img src="http://img3.dwstatic.com/lol/1811/405200811135/1541245615379.jpg" alt="S8全球总决赛决赛日图集：我们是冠军">
-                            <!-- <div class="pic-hover">
+                            <div class="pic-hover">
                                 <div class="pic-title">S8全球总决赛决赛日图集：我们是冠军</div>
-                                <span class="pic-ver"></span>
-                            </div> -->
+                                <!-- <span class="pic-ver"></span> -->
+                            </div>
                         </a>
                         <a href="http://lol.duowan.com/1810/404682790990.html" class="pic-bot ">
                             <img src="http://img2.dwstatic.com/lol/1810/404684014949/1540728818923.jpg" alt="S8总决赛出征仪式：FNC与IG相约决赛">
-                            <!-- <div class="pic-hover">
+                            <div class="pic-hover">
                                 <div class="pic-title">S8总决赛出征仪式：FNC与IG相约决赛</div>
-                                <span class="pic-ver"></span>
-                            </div> -->
+                                <!-- <span class="pic-ver"></span> -->
+                            </div>
                         </a>
                     </div>
                     <div class="allstar-pic__rig">
                         <a href="http://lol.duowan.com/1810/403717335947.html" class="pic-top">
                             <img src="http://img3.dwstatic.com/lol/1810/403717454799/1539762257571.jpg" alt="C组出线之争图集：大师兄赛后掩面哭泣">
-                            <!-- <div class="pic-hover">
+                            <div class="pic-hover">
                                 <div class="pic-title">C组出线之争图集：大师兄赛后掩面哭泣</div>
-                                <span class="pic-ver"></span>
-                            </div> -->
+                                <!-- <span class="pic-ver"></span> -->
+                            </div>
                         </a>
                         <a href="http://lol.duowan.com/1810/403990985860.html" class="pic-bot">
                             <img src="http://img5.dwstatic.com/lol/1810/403991263551/1540036066663.jpg" alt="淘汰赛第一日图集：IG的华丽成长之路">
-                            <!-- <div class="pic-hover">
+                            <div class="pic-hover">
                                 <div class="pic-title">淘汰赛第一日图集：IG的华丽成长之路</div>
-                                <span class="pic-ver"></span>
-                            </div> -->
+                                <!-- <span class="pic-ver"></span> -->
+                            </div>
                         </a>
                     </div>
                 </div>

2018专题/德玛西亚杯/src/sass/global.scss

@@ -154,17 +154,20 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                     position: relative;
                     &:hover,
                     &.is-active {
-                        &::after{
-                            content: '';
-                            position: absolute;
-                            height: 92px;
-                            width: 100%;
-                            left: 0;
-                            top: 0;
-                        }
+                       
                         background: url(/src/img/menu_active.png) no-repeat bottom center;
-                        a{
+                        a{  
+                            position: relative;
                             color: #fff;
+                             &::after {
+                                 content: '';
+                                 position: absolute;
+                                 height: 92px;
+                                 width: 100%;
+                                 left: 0;
+                                 top: 0;
+
+                             }
                         }
                     }
                     a {
@@ -206,7 +209,6 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
         background: #081929 url(/src/img/bg.jpg) no-repeat top center;
         .game_live {
             width: 1136px;
-            height: 314px;
             margin: 0 auto;
             padding:  80px 0;
         }
@@ -428,7 +430,10 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                                         i{
                                             background: $showColor;
                                         }
-                                        span,a{
+                                        span{
+                                            color: #118cb4 !important;
+                                        }
+                                        a{
                                             color: $showColor;
                                         }
                                     }
@@ -450,7 +455,7 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                                     span{
                                         float: right;
                                         display: block;
-                                         color: #0b384e;
+                                        color: #0b384e;
                                     }
                                     &:nth-child(6n+1) {
                                         &::before {
@@ -754,7 +759,9 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                                 display: inline-block;
                                 // padding: 3px 5px;
                                 background: $maincolor;
-                                color: #0b2540;
+                                a{
+                                    color: #0b2540;
+                                }
                             }
                         }
                         .team_logo{
@@ -766,6 +773,12 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                                border-radius: 50%;
                                overflow: hidden;
                                margin: 5px auto;
+                               background: #245065;
+                               text-align: center;
+                               img{
+                                   width: 100%;
+                                   vertical-align: top;
+                               }
                            }
                           
 
@@ -950,13 +963,36 @@ $titleFont: PingFang sc,"Helvetica Neue",Helvetica,Tahoma,Arial,"Liberation Sans
                 display: flex;
                padding-bottom: 120px;
                 a{
+                    position: relative;
                     display: block;
                     overflow: hidden;
-                      background: #f5f5f5;
+                    background: #f5f5f5;
                        img {
                            width: 100%;
                            height: 100%;
                        }
+                       .pic-hover{
+                            position: absolute;
+                            width: 100%;
+                            height: 100%;
+                            background: rgba(0, 0, 0, 00.7);
+                            top: -100%;
+                            left: 0;
+                            display: flex;
+                            align-items: center;
+                            .pic-title{
+                                text-align: center;
+                                flex: 1;
+                                font-size: 14px;
+                                color: #fff;
+                            }
+                       }
+                       &:hover{
+                            .pic-hover{
+                                top: 0;
+                                transition: all 0.2s linear;
+                            }
+                       }
                 }
                 .allstar-pic__left{
                     flex: 0 0 283px;