fenggang 5 years ago
parent
commit
4b9c04ef29

BIN
2019专题/LOL竞猜面板/src/img/s9/guess-tag-s9.png


+ 1 - 0
2019专题/LOL竞猜面板/src/s9.html

@@ -22,6 +22,7 @@
 	<body>
 	<body>
 		<div class="page-stake-main">
 		<div class="page-stake-main">
 			<div class="page-stake" data-group="day" data-acid="15">
 			<div class="page-stake" data-group="day" data-acid="15">
+          <a class="guess-tag zhuanti" href="http://lol.duowan.com/1810/m_403891999287.html">总决赛竞猜</a>
 				<div class="week-select clearfix">
 				<div class="week-select clearfix">
 					<div class="week-btn-wrap clearfix">
 					<div class="week-btn-wrap clearfix">
 						<div class="btn active" data-week="1">第1天</div>
 						<div class="btn active" data-week="1">第1天</div>

+ 11 - 6
2019专题/LOL竞猜面板/src/sass/s9.scss

@@ -86,7 +86,12 @@
 			text-align: center;
 			text-align: center;
 			font-size: 30px;
 			font-size: 30px;
 			color: #d4b784;
 			color: #d4b784;
-			font-weight: bold;
+      font-weight: bold;
+      .left,.right{
+        &.light{
+          color:#7f603a
+        }
+      }
 		}
 		}
 		.title{
 		.title{
 			color: #d4b784;
 			color: #d4b784;
@@ -131,7 +136,7 @@
 			.num{
 			.num{
 				text-align: left;
 				text-align: left;
 			}
 			}
-		}
+    }
 	}
 	}
 	.match-res-title{
 	.match-res-title{
 		&.hidden{
 		&.hidden{
@@ -422,7 +427,7 @@
 	}
 	}
 	.page-stake .match-container{
 	.page-stake .match-container{
 		padding: 10px;
 		padding: 10px;
-		background: #111d43;
+		background: #fff;
 		border: none;
 		border: none;
 	}
 	}
 	.page-stake .top-swiper-slide .title{
 	.page-stake .top-swiper-slide .title{
@@ -521,10 +526,10 @@
 	background-color: #fff;
 	background-color: #fff;
 	position: absolute;
 	position: absolute;
 	width: 32px;
 	width: 32px;
-	background: url("src/img/guess-tag.png") no-repeat;
+	background: url("src/img/s9/guess-tag-s9.png") no-repeat;
 	background-size: 100% 100%;
 	background-size: 100% 100%;
 	box-sizing: border-box;
 	box-sizing: border-box;
-	color: #111d43;
+	color: #fff;
 	padding: 10px;
 	padding: 10px;
 	display: flex;
 	display: flex;
 	align-items: center;
 	align-items: center;
@@ -540,7 +545,7 @@
 	top: 250px;
 	top: 250px;
 	&:hover{
 	&:hover{
 		transform: translate3d(-1px, -5px, 0);
 		transform: translate3d(-1px, -5px, 0);
-		color: #111d43;
+		color: #fff;
 		text-decoration: none;
 		text-decoration: none;
 	}
 	}
 	@media screen and (max-width: 750px) {
 	@media screen and (max-width: 750px) {

+ 0 - 0
2019专题/LOL竞猜面板/t.html


+ 1 - 1
2019专题/英雄联盟S9全球总决赛/src/_index.html

@@ -1693,7 +1693,7 @@
                                 <div class="blank"></div>
                                 <div class="blank"></div>
                                 <div class="pipe-t-r"></div>
                                 <div class="pipe-t-r"></div>
                                 <div class="group">
                                 <div class="group">
-                                    <div class="group-score">2:5</div>
+                                    <div class="group-score"><span class="light">2</span>:<span>5</span></div>
                                     <div class="group-team">
                                     <div class="group-team">
                                         <div class="team winner">
                                         <div class="team winner">
                                             <div class="team-flag-wrapper">
                                             <div class="team-flag-wrapper">

BIN
2019专题/英雄联盟S9全球总决赛/src/img/team-hover.png


+ 28 - 2
2019专题/英雄联盟S9全球总决赛/src/sass/global.scss

@@ -4715,10 +4715,13 @@ td.fall{
     width: 162px;
     width: 162px;
     .group-score{
     .group-score{
         font-size: 30px;
         font-size: 30px;
-        color: #c8b290;
+        color: rgb(183,199, 200);
         font-weight: bolder;
         font-weight: bolder;
         margin-bottom: 5px;
         margin-bottom: 5px;
         height: 45px;
         height: 45px;
+        span.light{
+          color: rgb(43,96,99);
+        }
     }
     }
     .group-info{
     .group-info{
         width: 100%;
         width: 100%;
@@ -4982,19 +4985,24 @@ td.fall{
                             color: #896e4e;
                             color: #896e4e;
                         }
                         }
                         img{
                         img{
-                          background-color: #d4b784
+                          background: url('../img/team-hover.png?__sprite') no-repeat 100% / 100%
                         }
                         }
                     }
                     }
                     img{
                     img{
                         width: 60px;
                         width: 60px;
                         height: 60px;
                         height: 60px;
                         margin-bottom: 8px;
                         margin-bottom: 8px;
+                        background: #eee;
                     }
                     }
                     span{
                     span{
                         color:#dfd0b5;
                         color:#dfd0b5;
                     }
                     }
                 }
                 }
             }
             }
+            ul{
+              overflow: hidden;
+              padding-top: 10px;
+            }
         }
         }
         .news-wrapper{
         .news-wrapper{
             justify-content: center;
             justify-content: center;
@@ -5169,4 +5177,22 @@ td.fall{
 }
 }
 .team-section .team-news .news-wrapper .wrapper-left a span{
 .team-section .team-news .news-wrapper .wrapper-left a span{
     font-size: 12px;
     font-size: 12px;
+}
+
+.group .group-info{
+  font-size: 12px;
+  white-space: nowrap;
+}
+.team-section .team-news .news-wrapper .wrapper-right ul li:nth-child(n+2){
+  margin: 6px 0;
+}
+.match-map .top{
+  margin-top: 20px;
+}
+ .team-section .team-news .team-list,.week-select .week-btn-wrap .btn{
+  background-color: white
+}
+.kv{
+  background-position: top center;
+  background-size: cover;
 }
 }