DW-PC\DW 5 年之前
父节点
当前提交
767c99d6cb

+ 20 - 17
2019专题/1906lol自走棋专题/src/modules/footer/footer.html

@@ -1,18 +1,21 @@
 
-<div class="footer">
-    <div class='footer-list'>
-        <span href='' class="list">友情链接</span>
-        <a href='' class="list">网站地图</a>
-        <a href='' class="list">多玩炉石</a>
-        <a href='' class="list">多玩魔兽</a>
-        <a href='' class="list">多玩守望</a>
-        <a href='' class="list">多玩DNF</a>
-        <a href='' class="list">古剑奇谭</a>
-        <a href='' class="list">多玩游戏网</a>
-        <a href='' class="list">微信小游戏</a>
-        <a href='' class="list">162100网址导航</a>
-        <a href='' class="list">2345游戏中心</a>
-        <a href='' class="list">hao268网址之家</a>
-        <a href='' class="list">1234网址导航</a>
-    </div>
-</div>
+<div class="ZQ__friend">
+        <div class="inner">
+            <p class="link">
+                <span class="label"><em>友情链接</em></span>
+                <a href="" target="_blank">网站地图</a>
+                <a href="" target="_blank">多玩炉石</a>
+                <a href="" target="_blank">多玩魔兽</a>
+                <a href=""  target="_blank">多玩守望</a>
+                <a href=""  target="_blank">多玩DNF</a>
+                <a href=""  target="_blank">古剑奇谭</a>
+                <a href=""  target="_blank">多玩游戏网</a>
+                <a href=""  target="_blank">微信小游戏</a>
+                <a href=""  target="_blank">162100网址导航</a>
+                <a href=""  target="_blank">2345游戏中心</a>
+                <a href=""  target="_blank">hao268网址之家</a>
+                <a href=""  target="_blank">1234网址导航</a>
+
+            </p>
+        </div>
+    </div>

+ 1 - 2
2019专题/1906lol自走棋专题/src/modules/hero/hero.html

@@ -33,7 +33,7 @@
         </div>
         <!-- 装备弹框 -->
         <div class="floating-window">
-            <div class="fw-title">
+            <div class="fw-title lineShow">
                 <img src="" alt="" class="fw-img">
                 <div class="fw-desc">
                     <span class="fw-text"></span>
@@ -41,7 +41,6 @@
                 </div>
             </div>
             <div class="fw-line">
-                <div class="fw-middle-line"></div>
                 <span class='fwl-text-one'>合成路线</span>
                 <img src="http://fed.webdev.ouj.com/30x30" alt="" class="fwl-img line-one">
                 <span class='fwl-text-one'>+</span>

+ 3 - 2
2019专题/1906lol自走棋专题/src/modules/hero/hero.js

@@ -15,7 +15,6 @@ class Hero {
             dataType: 'jsonp',
             jsonpCallback: 'zzqjsonp',
             success: function(ret) {
-                console.log(ret);
                 self.metaData = ret
                 for(let mKey in self.metaData) {
                     let mList = self.metaData[mKey].data; // 数据列表
@@ -204,8 +203,10 @@ class Hero {
 
             if(data.hasLine){
                 $window.find('.fw-line').show()
+                $window.find('.fw-title').addClass('lineShow')
             }else{
                 $window.find('.fw-line').hide()
+                $window.find('.fw-title').removeClass('lineShow')
 
             }
 
@@ -220,7 +221,7 @@ class Hero {
             });
         }, function() {
             // 隐藏弹框
-            // $window.hide();
+            $window.hide();
         });
     }
 }

+ 8 - 5
2019专题/1906lol自走棋专题/src/sass/module/_ hero.scss

@@ -158,14 +158,13 @@
     position: fixed;
     left:23px;
     top:25px;
-    width:170px;
-    // height:124px;
     background:rgba(0,0,0,0.88);
     z-index:20190623;
     padding:11px ;
     box-sizing: border-box;
     .fw-title{
         // text-align: center;
+    
         .fw-img{
             display: inline-block;
             vertical-align: middle;
@@ -178,14 +177,12 @@
                 vertical-align: middle;
 
             .fw-text{
-                width: 81px;
                 display: block;
                 font-size:14px;
                 color:#fff;
             }
             .fw-text-two{
                 display: inline-block;
-                width:78px;
                 font-size:12px;
                 color:#FF4C4C;
                 margin-top:10px;
@@ -195,20 +192,26 @@
             }
         }
     }
+    .lineShow{
+        border-bottom: 1px dashed rgba(146, 246, 246, 0.36);
+        padding-bottom: 15px;
+    }
     .fw-middle-line{
         width:148px;
         border:1px dashed rgba(146,246,246,0.36);
         margin:10px 0;
     }
     .fw-line{
+        margin-top:15px;
         .fwl-text-one{
             color:#fff;
             font-size:12px;
-            margin-right:5px;
+            margin-right: 19px;
         }
         .fwl-img{
             width:30px;
             height:30px;
+            margin-right:10px;
         }
     }
 }

+ 86 - 23
2019专题/1906lol自走棋专题/src/sass/module/_footer.scss

@@ -1,25 +1,88 @@
-.footer{
-    width:100%;
-    padding:10px 0;
-    background-color: #2D2D2D;
-    .footer-list{
-        width:1000px;
-        margin:0 auto;
-        margin-bottom:-3px;
-        padding-left:10px;
-        .list{
-            display: inline-block;
-            color: #999;
-            font-size: 12px;
-            margin-left: -1px;
-            border-left: 1px solid #464646;
-            padding: 0 11px 0 10px;
-            margin-bottom: 7px;
-            line-height:20px;
-            &:first-child{
-                border:0px;
-                background-color: #222;
-            }
+
+
+.ZQ__friend {
+    background-color: #2D2D2D
+}
+        .to-guess-btn{
+            position: absolute;
+          top: 100px;
+          left: -80px;
+          width: 20px;
+          line-height: 1.2;
+          text-align: center;
+          font-size: 14px;
+          background-color: #066ebd;
+          color: #fff;
+          padding: 10px;
+          border-radius: 4px;
         }
-    }
+
+.ZQ__friend .duowan {
+    position: absolute;
+    top: 28px;
+    left: 0
+}
+
+.ZQ__friend .inner {
+    position: relative;
+    width: 1000px;
+    margin: 0 auto;
+    *zoom:1;padding: 10px 0
+}
+
+.ZQ__friend .inner:after,.ZQ__friend .inner:before {
+    content: "";
+    display: table;
+    line-height: 0
+}
+
+.ZQ__friend .inner:after {
+    clear: both
+}
+
+.ZQ__friend .label {
+    display: inline-block;
+    *display: inline;
+    *zoom:1;margin-bottom: 7px;
+    position: relative;
+    z-index: 5;
+    padding-right: 16px;
+    background-color: #2D2D2D
+}
+
+.ZQ__friend .label em {
+    display: inline-block;
+    *display: inline;
+    *zoom:1;background-color: #222;
+    color: #999;
+    font-size: 14px;
+    font-family: "Microsoft YaHei",sans-serif;
+    padding: 0 9px;
+    height: 25px;
+    line-height: 25px
+}
+
+.ZQ__friend .link {
+    overflow: hidden;
+    *zoom:1;font-size: 0;
+    margin-bottom: -3px
+}
+
+.ZQ__friend .link a {
+    display: inline-block;
+    *display: inline;
+    *zoom:1;padding: 0 11px 0 10px;
+    border-left: 1px solid #464646;
+    position: relative;
+    margin-left: -1px;
+    font-size: 12px;
+    color: #999;
+    line-height: 1.1em;
+    margin-bottom: 7px
+}
+.ZQ_logo {
+display:none;
 }
+.s4-nav__link span{
+  line-height: 1.5;
+}

+ 4 - 1
2019专题/1906lol自走棋专题/src/sass/page2.scss

@@ -267,6 +267,8 @@ body {
                 color:#333;
                 display: inline-block;
                 vertical-align: middle;
+                width: 72px;
+                text-align: center;
 
             }
             .cw-line{
@@ -277,10 +279,11 @@ body {
                 transform: rotate(20deg);
                 margin:0 12px 0 6px;
                 vertical-align: middle;
+               
             }
             .cw-text-two{
                 vertical-align: middle;
-                width:364px;
+                width:324px;
                 line-height:24px;
                 font-size:14px;
                 color:#333;